/* ══════════════════════════════════════════════════════ Core Technologies — Stylesheet Fonte: Barlow + Barlow Condensed (Google Fonts) Carregada no do index.html ══════════════════════════════════════════════════════ */ :root { --dourado: #D9BF1F; --dourado-claro: #E3CC3A; --dourado-escuro: #B79D12; --dourado-escuro: #B79D12; --preto: #1A1A1A; --cinza-escuro: #2E2E2E; --cinza-medio: #5A5A5A; --cinza-claro: #E2E2E2; --creme: #F7F5EF; --branco: #FFFFFF; --verde-ok: #2E7D32; --vermelho: #B71C1C; } * { margin:0; padding:0; box-sizing:border-box; } body{ font-family:'Barlow',sans-serif; font-size:16px; font-weight:400; line-height:1.65; color:var(--preto); background:var(--branco); overflow-x:hidden; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } /* ══════════════════════════════ NAV ══════════════════════════════ */ nav { position:fixed; top:0; left:0; right:0; z-index:1200; display:flex; align-items:center; justify-content:space-between; padding:0.9rem 5%; background:var(--branco); border-bottom:3px solid var(--dourado); box-shadow:0 2px 16px rgba(0,0,0,0.07); } .nav-logo { display:flex; flex-direction:column; line-height:1; } .nav-logo-wordmark{ display:flex; align-items:center; font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:2.3rem; /* +30% */ color:var(--preto); letter-spacing:-0.01em; } .logo-o-wrap{ display:inline-flex; align-items:center; justify-content:center; width:1.18em; height:1.18em; position:relative; top:0; } .nav-logo-line { height:2px; background:var(--dourado); margin:3px 0 2px; } .nav-logo-sub{ font-family:'Barlow Condensed',sans-serif; font-size:0.52rem; font-weight:700; letter-spacing:0.28em; text-transform:uppercase; color:var(--preto); } nav ul { display:flex; gap:2rem; list-style:none; align-items:center; } nav ul a { color:var(--cinza-escuro); text-decoration:none; font-family:'Barlow',sans-serif; font-size:15px; font-weight:600; letter-spacing:.02em; transition:color .2s; position:relative; } nav ul a::after { content:''; position:absolute; bottom:-4px; left:0; right:0; height:2px; background:var(--dourado); transform:scaleX(0); transform-origin:left; transition:transform .25s; } nav ul a:hover { color:var(--preto); } nav ul a:hover::after { transform:scaleX(1); } .nav-cta { background:var(--dourado) !important; color:var(--preto) !important; padding:.5rem 1.3rem; border-radius:3px; font-weight:700 !important; letter-spacing:.05em; text-transform:uppercase; } .nav-cta::after { display:none !important; } .nav-cta:hover { background:var(--dourado-claro) !important; } /* ══════════════════════════════ HERO ══════════════════════════════ .hero-panel{ display:grid; grid-template-columns:2fr 340px; max-width:1380px; margin:auto; background:#F7F5EF; border-radius:26px; overflow:hidden; box-shadow: 0 30px 70px rgba(0,0,0,.18); }*/ .hero-panel{ max-width:1380px; margin:auto; display:grid; grid-template-columns:2fr 340px; gap:40px; background:#F8F9FB; border-radius:24px; overflow:hidden; box-shadow:0 30px 70px rgba(0,0,0,.12); } .hero-side{ background:#F2EFE7; border-left:1px solid #E5DED2; padding:45px 35px; } .hero{ position:relative; overflow:hidden; } .hero::before { content: ""; position: absolute; inset: 0; background: rgb(50 50 55 / 6%); z-index: 1; pointer-events: none; } .hero-inner{ position:relative; z-index:2; } .hero-side-title{ font-size:1rem; font-weight:700; color:#1C1C1C; margin-bottom:30px; line-height:1.5; } .hero-content{ background:#F7F5EF; padding:70px; } .hero h1{ color:#1C232B; } .hero-sub{ font-family:'Barlow'; font-size:18px; font-weight:400; line-height:1.8; color:var(--cinza-medio); margin-bottom:2.2rem; } } .hero-eyebrow { display:inline-block; font-size:12px; font-weight:700; letter-spacing:.25em; text-transform:uppercase; color:var(--dourado-escuro); border-left:3px solid var(--dourado); padding-left:.75rem; margin-bottom:1.4rem; } .hero h1 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(3.4rem,5vw,4.6rem); font-weight:700; line-height:1.05; letter-spacing:-0.03em; margin-bottom:1.2rem; } .hero h1 em { font-style:normal; color:var(--dourado-escuro); } .gold-bar { width:55px; height:3px; background:var(--dourado); margin:1.2rem 0 1.5rem; } .hero-sub { font-size:1rem; line-height:1.72; color:var(--cinza-medio); margin-bottom:2.2rem; } .hero-ctas { display:flex; gap:1rem; flex-wrap:wrap; } .btn-primary { background:var(--dourado); color:var(--preto); padding:.8rem 1.8rem; border-radius:3px; font-weight:700; font-size:.85rem; letter-spacing:.06em; text-transform:uppercase; text-decoration:none; transition:background .2s,transform .2s; display:inline-block; } .btn-primary:hover { background:var(--dourado-claro); transform:translateY(-2px); } .btn-outline { border:2px solid var(--preto); color:var(--preto); padding:.8rem 1.8rem; border-radius:3px; font-weight:600; font-size:.85rem; letter-spacing:.06em; text-transform:uppercase; text-decoration:none; transition:background .2s,color .2s; display:inline-block; } .btn-outline:hover { background:var(--preto); color:var(--branco); } /* métricas hero */ .hero-metrics { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.1); } .metric-card{ background: rgba(255,255,255,.12); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border:1px solid rgba(255,255,255,.15); border-radius:16px; box-shadow:0 12px 30px rgba(0,0,0,.25); } .metric-card:hover { background:rgba(255,255,255,.08); } .metric-card.span2 { grid-column:span 2; border-top:1px solid rgba(255,255,255,.1); } .metric-value { font-family:'Barlow Condensed'; font-weight:700; font-size:2.6rem; font-weight:700; color:var(--dourado); line-height:1; margin-bottom:.35rem; } .metric-label { font-size:.78rem; color:rgba(255,255,255,.55); line-height:1.45; } .metric-item{ font-family:'Barlow Condensed'; font-weight:700; background:#FFFFFF; border-radius:14px; padding:18px 20px; margin-bottom:16px; border:1px solid #ECE6DA; box-shadow: 0 8px 22px rgba(0,0,0,.05); } .metric-item:last-child{ border:none; } .metric-item span{ display:block; color:#C7A54B; font-size:2rem; font-weight:700; } .metric-item small{ color:#5B6672; font-size:.92rem; line-height:1.5; } @media(max-width:992px){ .hero-panel{ grid-template-columns:1fr; } .hero-side{ border-left:none; border-top:1px solid #E2E8EE; } .hero-content{ padding:45px 30px; } } /* =============================== BOTÃO VOLTAR AO TOPO ================================== */ #backToTop{ position:fixed; right:30px; bottom:30px; width:52px; height:52px; border:none; border-radius:50%; background:#D9BF1F; color:#1A1A1A; font-size:18px; font-weight:bold; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 25px rgba(0,0,0,.18); opacity:0; visibility:hidden; transform:translateY(20px); transition: opacity .3s, transform .3s, background .25s, box-shadow .25s; z-index:9999; } #backToTop:hover{ background:#E3CC3A; transform:translateY(-3px); box-shadow:0 15px 35px rgba(0,0,0,.25); } #backToTop.show{ opacity:1; visibility:visible; transform:translateY(0); } @media (max-width:768px){ #backToTop{ width:46px; height:46px; right:18px; bottom:18px; } } /* ══════════════════════════════ CLIENTES ══════════════════════════════ */ .clientes { background:var(--branco); padding:4.5rem 5%; } .clientes-inner { max-width:1200px; margin:0 auto; } .clientes-label { text-align:center; font-size:.68rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--cinza-medio); margin-bottom:2.5rem; display:flex; align-items:center; gap:1rem; } .clientes-label::before,.clientes-label::after { content:''; flex:1; height:1px; background:var(--cinza-claro); } .clientes-grid { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:1rem 2.5rem; } .cliente-chip { font-family:'Barlow Condensed',sans-serif; font-size:.92rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--cinza-medio); border:1px solid var(--cinza-claro); padding:.5rem 1.1rem; border-radius:2px; transition:border-color .2s, color .2s; cursor:default; } .cliente-chip:hover { border-color:var(--dourado); color:var(--preto); } /* ══════════════════════════════ PARCEIROS ══════════════════════════════ */ .partners { background:var(--preto); padding:2.8rem 5%; } .partners-label { text-align:center; font-size:.65rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.3); margin-bottom:1.6rem; } .partners-grid { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:.7rem 1.8rem; max-width:1100px; margin:0 auto; } .partner-badge { font-family:'Barlow Condensed',sans-serif; font-size:.8rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.28); transition:color .2s; cursor:default; } .partner-badge:hover { color:var(--dourado); } .psep { width:1px; height:12px; background:rgba(255,255,255,.1); } /* ══════════════════════════════ SEÇÕES GERAIS ══════════════════════════════ */ section { padding:5.5rem 5%; } .section-inner { max-width:1200px; margin:0 auto; } .section-eyebrow { font-size:.66rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--dourado-escuro); border-left:3px solid var(--dourado); padding-left:.7rem; margin-bottom:.9rem; display:block; } .section-title { color:var(--preto); margin-bottom:.8rem; font-family:'Barlow Condensed'; font-size:clamp(2.4rem,3vw,3.2rem); font-weight:700; line-height:1.05; letter-spacing:-0.02em; } .section-sub{ font-family:'Barlow'; font-size:18px; line-height:1.8; font-weight:400; } .sdiv { width:52px; height:3px; background:var(--dourado); margin:1rem 0 1.8rem; } /* ══════════════════════════════ PROBLEMAS ══════════════════════════════ */ .problemas { background:var(--branco); } .problemas-header { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:end; margin-bottom:3rem; } .problemas-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5px; background:var(--cinza-claro); border:1.5px solid var(--cinza-claro); } .problema-card { background:var(--branco); padding:1.8rem 1.6rem; border-top:3px solid transparent; transition:background .25s,border-color .25s; } .problema-card:hover { background:var(--creme); border-top-color:var(--dourado); } .problema-num { font-family:'Barlow Condensed',sans-serif; font-size:2.2rem; font-weight:700; color:var(--cinza-claro); line-height:1; margin-bottom:.7rem; } .problema-card h3 { font-family:'Barlow Condensed'; font-size:24px; font-weight:700; text-transform:none; letter-spacing:-0.01em; } color:var(--preto); margin-bottom:.55rem; } .problema-card p { font-size:.855rem; line-height:1.65; color:var(--cinza-medio); } .problema-resultado { margin-top:.9rem; font-size:.75rem; font-weight:700; color:var(--dourado-escuro); letter-spacing:.05em; text-transform:uppercase; display:flex; align-items:center; gap:.4rem; } .problema-resultado::before { content:''; display:inline-block; width:16px; height:2px; background:var(--dourado); } /* ══════════════════════════════ OFERTAS ══════════════════════════════ */ .ofertas { background:var(--preto); } .ofertas .section-title { color:var(--branco); } .ofertas .section-sub { color:rgba(255,255,255,.5); } .ofertas-header { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:end; margin-bottom:3rem; } .ofertas-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5px; background:rgba(255,255,255,.07); } .oferta-card { background:var(--cinza-escuro); padding:1.8rem 1.6rem; border-top:3px solid transparent; transition:background .25s,border-color .25s; } .oferta-card:hover { background:#383838; border-top-color:var(--dourado); } .oferta-card.destaque { grid-column:span 2; background:#252525; border-top:3px solid var(--dourado); } .oferta-tag { font-size:.62rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; color:var(--dourado); margin-bottom:.75rem; display:block; } .oferta-card h3 { font-family:'Barlow Condensed',sans-serif; font-size:24px; font-weight:700; text-transform:none; letter-spacing:.02em; font-family:'Barlow Condensed'; color:var(--branco); margin-bottom:.65rem; } .oferta-card p { font-size:.855rem; line-height:1.65; color:rgba(255,255,255,.5); margin-bottom:1.1rem; } .oferta-entrega { font-size:.73rem; font-weight:600; color:var(--dourado); letter-spacing:.04em; border-top:1px solid rgba(255,255,255,.09); padding-top:.85rem; line-height:1.65; } /* ══════════════════════════════ VERTICAIS / TABS ══════════════════════════════ */ .verticais { background:var(--creme); } .verticais-tabs { display:flex; border-bottom:2px solid var(--cinza-claro); margin:1.8rem 0 0; } .tab-btn { padding:.8rem 1.8rem; font-family:'Barlow Condensed',sans-serif; font-size:.95rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; background:none; border:none; color:var(--cinza-medio); cursor:pointer; border-bottom:3px solid transparent; margin-bottom:-2px; transition:color .2s,border-color .2s; } .tab-btn.active { color:var(--preto); border-bottom-color:var(--dourado); } .tab-btn:hover:not(.active) { color:var(--preto); } .vertical-panel { display:none; margin-top:2.2rem; } .vertical-panel.active { display:grid; grid-template-columns:1fr 1fr; gap:3rem; } .v-col h4 { font-family:'Barlow Condensed',sans-serif; font-size:.68rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; margin-bottom:1.1rem; padding-bottom:.55rem; border-bottom:2px solid; } .v-col.dores h4 { color:var(--vermelho); border-color:var(--vermelho); } .v-col.solucoes h4 { color:var(--verde-ok); border-color:var(--verde-ok); } .v-col ul { list-style:none; display:flex; flex-direction:column; gap:.7rem; } .v-col ul li { font-size:.875rem; line-height:1.5; color:var(--cinza-escuro); display:flex; gap:.65rem; align-items:flex-start; } .v-col.dores ul li::before { content:'✕'; color:var(--vermelho); flex-shrink:0; font-weight:700; font-size:.78rem; margin-top:2px; } .v-col.solucoes ul li::before { content:'✓'; color:var(--verde-ok); flex-shrink:0; font-weight:700; font-size:.88rem; margin-top:1px; } /* ══════════════════════════════ POR QUE CORETECH ══════════════════════════════ */ .porque { background:var(--preto); } .porque .section-title { color:var(--branco); } .porque-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:0; background:rgba(255,255,255,.05); margin-top:3rem; } .porque-item { padding:2.2rem 1.8rem; border-right:1px solid rgba(255,255,255,.07); transition:background .25s; } .porque-item:last-child { border-right:none; } .porque-item:hover { background:rgba(255,255,255,.04); } .porque-number { font-family:'Barlow Condensed'; font-size:3rem; font-weight:700; color:var(--dourado); line-height:1; margin-bottom:.55rem; } .porque-item h3 { font-family:'Barlow Condensed'; font-size:.9rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--branco); margin-bottom:.6rem; } .porque-item p { font-size:.8rem; line-height:1.6; color:rgba(255,255,255,.4); } /* ══════════════════════════════ GRUPO / CONTATO ══════════════════════════════ */ .grupo { background:var(--preto); padding:5rem 5%; } .grupo .section-title { color:var(--branco); } .grupo-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5px; background:rgba(255,255,255,.07); margin-top:3rem; } .grupo-card { background:var(--cinza-escuro); padding:2rem 1.8rem; border-top:3px solid transparent; transition:background .25s, border-color .25s; } .grupo-card:hover { background:#383838; border-top-color:var(--dourado); } .grupo-card-tag { font-size:.62rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; color:var(--dourado); margin-bottom:.6rem; display:block; } .grupo-card h3 { font-family:'Barlow Condensed',sans-serif; font-size:1rem; font-weight:700; text-transform:uppercase; letter-spacing:.02em; color:var(--branco); margin-bottom:1.2rem; line-height:1.3; } .grupo-info { display:flex; flex-direction:column; gap:.75rem; } .grupo-info-item { display:flex; gap:.7rem; align-items:flex-start; font-size:.82rem; line-height:1.55; color:rgba(255,255,255,.5); } .grupo-info-icon { flex-shrink:0; width:16px; height:16px; margin-top:1px; color:var(--dourado); font-size:.9rem; } .grupo-info-item a { color:rgba(255,255,255,.5); text-decoration:none; transition:color .2s; } .grupo-info-item a:hover { color:var(--dourado); } .grupo-divider { width:30px; height:2px; background:var(--dourado); margin:1rem 0; } .grupo-0800 { display:inline-flex; align-items:center; gap:.5rem; background:rgba(184,160,40,.12); border:1px solid rgba(184,160,40,.3); color:var(--dourado); font-family:'Barlow Condensed',sans-serif; font-size:.95rem; font-weight:700; letter-spacing:.05em; padding:.5rem 1rem; border-radius:3px; margin-top:.5rem; } /* ══════════════════════════════ CTA FINAL ══════════════════════════════ */ .cta-final { background:var(--creme); text-align:center; padding:6.5rem 5%; border-top:4px solid var(--dourado); border-bottom:4px solid var(--dourado); } .cta-final .section-title { font-size:clamp(1.9rem,3.5vw,2.9rem); max-width:680px; margin:0 auto 1rem; } .cta-sdiv { width:55px; height:3px; background:var(--dourado); margin:.9rem auto 1.8rem; } .cta-final p { font-size:.975rem; line-height:1.7; color:var(--cinza-medio); max-width:500px; margin:0 auto 2.2rem; } /* ══════════════════════════════ FOOTER ══════════════════════════════ */ footer { background:var(--preto); padding:2.2rem 5%; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; border-top:3px solid var(--dourado); } .footer-brand { display:flex; flex-direction:column; } .footer-brand-name { font-family:'Barlow Condensed'; font-size:28px; font-weight:700; color:var(--branco); letter-spacing:.05em; text-transform:uppercase; ; } .footer-brand-line { height:1.5px; background:var(--dourado); margin:2px 0 3px; } .footer-brand-sub { font-family:'Barlow Condensed',sans-serif; font-size:.46rem; font-weight:700; letter-spacing:.28em; text-transform:uppercase; color:var(--dourado); } footer p { font-size:.76rem; color:rgba(255,255,255,.28); } .footer-links { display:flex; gap:1.4rem; } footer a { font-size:.76rem; color:rgba(255,255,255,.38); text-decoration:none; transition:color .2s; } footer a:hover { color:var(--dourado); } /* ══════════════════════════════ ANIMAÇÃO DE ENTRADA ══════════════════════════════ */ @keyframes fadeUp { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } } .hero-content > * { animation:fadeUp .55s ease both; } .hero-content > *:nth-child(1) { animation-delay:.1s; } .hero-content > *:nth-child(2) { animation-delay:.2s; } .hero-content > *:nth-child(3) { animation-delay:.28s; } .hero-content > *:nth-child(4) { animation-delay:.36s; } .hero-content > *:nth-child(5) { animation-delay:.44s; } /* ══════════════════════════════ RESPONSIVO ══════════════════════════════ */ @media (max-width:900px) { .hero-inner, .problemas-header, .ofertas-header { grid-template-columns:1fr; } .hero::before { display:none; } .hero { background:var(--creme); } .hero-metrics { display:none; } .problemas-grid { grid-template-columns:1fr 1fr; } .ofertas-grid { grid-template-columns:1fr; } .oferta-card.destaque { grid-column:span 1; } .porque-grid { grid-template-columns:1fr 1fr; } .grupo-grid { grid-template-columns:1fr; } nav ul { display:flex; } .vertical-panel.active { grid-template-columns:1fr; } } @media (max-width:600px) { .problemas-grid, .porque-grid { grid-template-columns:1fr 1fr; } } /* Espaço para navegação por âncoras */ #clientes{ scroll-margin-top: 90px; } /* Ajuste da rolagem para links do menu */ #clientes, #problemas, #ofertas, #verticais, #porque, #grupo, #contato{ scroll-margin-top:70px; } /*============================== MODAL ==============================*/ .modal{ position:fixed; inset:0; display:flex; justify-content:center; align-items:center; opacity:0; visibility:hidden; transition:.25s; z-index:99999; padding:20px; } .modal.active{ opacity:1; visibility:visible; } .modal-box{ background:#FFF; width:100%; max-width:560px; border-radius:18px; padding:40px; position:relative; animation:modalUp .25s ease; max-height:90vh; overflow:auto; } @keyframes modalUp{ from{ transform:translateY(30px); opacity:0; } to{ transform:translateY(0); opacity:1; } } .modal-close{ position:absolute; right:18px; top:18px; border:none; background:none; font-size:34px; cursor:pointer; color:#555; } .modal h2{ font-family:'Barlow Condensed',sans-serif; font-size:2rem; margin-bottom:10px; } .modal p{ color:#666; margin-bottom:25px; } .form-group label{ display:block; margin-bottom:6px; font-weight:600; } .form-group input, .form-group textarea{ width:100%; padding:14px; border:1px solid #DDD; border-radius:8px; font-size:15px; font-family:inherit; } .form-group input:focus, .form-group textarea:focus{ outline:none; border-color:#D9BF1F; } /* ========================== MODAL IGUAL MODELO ========================== */ .modal{ position:fixed; inset:0; background:rgba(0,0,0,.82); backdrop-filter:blur(5px); display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:.3s; z-index:99999; } .modal.active{ opacity:1; visibility:visible; } .modal-box{ width:390px; max-width:92%; background:#fff; border-radius:8px; overflow:hidden; box-shadow: 0 25px 70px rgba(0,0,0,.6); position:relative; } .modal-header{ height:70px; background:#151515; border-bottom:3px solid #D9BF1F; display:flex; align-items:center; gap:15px; padding:22px; } .modal-icon{ width:58px; height:58px; border-radius:50%; background:#D9BF1F; display:flex; align-items:center; justify-content:center; font-size:32px; color:#111; flex-shrink:0; } .modal-header h2{ font-family:'Barlow Condensed'; font-size:22px; font-weight:700; color:#fff; margin-bottom:8px; } .modal-header p{ font-size:12px; line-height:1.4; color:#ddd; } .modal-close{ position:absolute; right:12px; top:8px; width:32px; height:32px; border-radius:50%; border:2px solid #D9BF1F; background:#111; color:#D9BF1F; font-size:22px; cursor:pointer; z-index:3; } #contactForm{ padding:18px 22px 22px; } .form-group label{ font-family:'Barlow'; font-size:13px; font-weight:600; display:block; color:#222; margin-bottom:4px; } .form-group input, .form-group textarea{ font-family:'Barlow'; font-size:15px; width:100%; height:38px; border:1px solid #ddd; border-radius:4px; padding:0 12px; outline:none; } .form-group textarea{ height:62px; padding-top:10px; resize:none; } .form-group input:focus, .form-group textarea:focus{ border-color:#D9BF1F; } .check{ display:flex; align-items:center; gap:7px; font-size:10px; color:#555; margin:8px 0 14px; } .check input{ width:14px; height:14px; } .btn-modal{ width:100%; height:42px; border:none; border-radius:4px; background:#D9BF1F; color:#111; font-family:'Barlow'; font-size:14px; font-weight:700; letter-spacing:.08em; display:flex; justify-content:center; align-items:center; gap:15px; cursor:pointer; transition:.2s; } .btn-modal:hover{ background:#E3CC3A; } .modal-box{ width:95%; } .nav-cta, .nav-cta:hover, .nav-cta:visited, .nav-cta:focus { text-decoration: none !important; } /* AJUSTE TAMANHO MODAL */ .modal-box{ width:360px !important; max-width:90%; border-radius:10px; } .modal-header{ padding:18px 20px !important; height:auto !important; } .modal-icon{ width:48px !important; height:48px !important; font-size:24px !important; } .modal-header h2{ font-size:16px !important; } .modal-header p{ font-size:11px !important; } #contactForm{ padding:16px 20px !important; } .form-group{ margin-bottom:9px !important; } .form-group input, .form-group textarea{ font-size:12px !important; } .form-group input{ height:34px !important; } .form-group textarea{ height:55px !important; } .btn-modal{ height:38px !important; font-size:11px !important; } @media(max-width:450px){ .modal-box{ width:92% !important; } } /*================================================= MENU MOBILE =================================================*/ .menu-toggle{ display:none; width:48px; height:48px; border:none; background:none; cursor:pointer; position:relative; z-index:1110; } .menu-toggle span{ display:block; width:28px; height:3px; background:#1A1A1A; margin:6px auto; border-radius:3px; transition:.3s; } .menu-toggle.active span:nth-child(1){ transform:translateY(9px) rotate(45deg); } .menu-toggle.active span:nth-child(2){ opacity:0; } .menu-toggle.active span:nth-child(3){ transform:translateY(-9px) rotate(-45deg); } .menu-overlay{ position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.55); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .3s; z-index:1090; } .menu-overlay.show{ opacity:1; visibility:visible; pointer-events:auto; } .menu-overlay.show{ opacity:1; visibility:visible; } @media(max-width:900px){ .menu-toggle{ display:block; } nav ul{ position:fixed; top:0; right:-320px; width:280px; height:100vh; background:#FFF; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:0; padding:90px 30px; box-shadow:-10px 0 30px rgba(0,0,0,.15); transition:.35s; z-index:1100; } nav ul.open{ right:0; } nav ul li{ width:100%; } nav ul li a{ display:block; width:100%; padding:16px 0; border-bottom:1px solid #EEE; font-size:17px; } .nav-cta{ margin-top:20px; width:100%; text-align:center; font-family:'Barlow'; font-size:14px; font-weight:700; letter-spacing:.08em; } } .logo-coretech{ max-width:100%; width:140px; /* ajuste conforme desejar */ height:auto; display:block; margin:0 auto; }