/* ========================================================= ACBERGS — main.css Paleta extraída dos SVGs oficiais da marca. ========================================================= */ :root{ /* Azul institucional, tipografia e traço principal da marca */ --navy:#274F99; --navy-2:#1E3E7A; /* derivado, para gradientes e hover */ --navy-deep:#16294F; /* fundo do rodapé */ --slate:#4C7ECC; /* azul claro da marca */ --slate-light:#7FA4DC; --blue:#2F5DB0; /* links sobre branco, 5.6:1 */ --blue-light:#4C7ECC; /* Verde da marca, as duas figuras laterais do símbolo */ --green:#019051; --green-dark:#017542; --green-soft:#E8F5EE; /* Laranja da marca, a figura central. Reservado para ação. */ --gold:#FD6D00; /* mantém o nome da variável do modelo */ --gold-dark:#D65C00; --gold-deep:#A34700; /* texto sobre fundo claro, 4.8:1 */ --gold-soft:#FFF1E4; --gold-line:rgba(253,109,0,.42); --ink:#1F2A3C; /* texto principal */ --muted:#5A6779; /* texto secundário, 5.9:1 */ --gray:#9AA3B2; --line:#E3E7EE; --bg:#F4F6FA; --white:#fff; --radius:16px; --shadow:0 12px 40px rgba(39,79,153,.13); --shadow-sm:0 4px 16px rgba(39,79,153,.10); --container:1180px; /* Fontes do sistema: nada é baixado de servidor externo, o que evita transferir o IP do visitante para terceiros (ver Política de Privacidade). */ --ff:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; --fh:var(--ff); } *,*::before,*::after{box-sizing:border-box;} /* O navegador esconde [hidden] com display:none, mas essa regra dele perde para qualquer display declarado aqui. Sem esta linha, .projeto-linha continuava display:grid e o filtro não escondia nada, e o aviso de cookies dispensado seguia ocupando a tela em display:flex com opacidade zero, engolindo cliques. O !important é o jeito usual de garantir que o atributo vença o layout. */ [hidden]{display:none !important;} /* overflow-x:clip, e nao hidden: a gaveta do menu fica estacionada fora da tela pela direita e, mesmo fechada, estica a largura rolavel da pagina em 323px no celular. Com hidden o html viraria container de rolagem e todo position:sticky do site pararia de grudar: a ficha lateral do projeto e a coluna de compartilhar da noticia. O clip corta sem criar container. */ html{scroll-behavior:smooth;scroll-padding-top:90px;overflow-x:clip;} /* O clip precisa estar nos dois. Só no html o documento continuava com 698px de largura rolável num celular de 375: a rolagem não acontecia, mas o Chrome do Android usa essa largura para escolher o zoom inicial e abria a página afastada, com o conteúdo ocupando pouco mais da metade da tela e o resto em branco. Medido antes e depois: scrollWidth de 698 para 375. */ body{overflow-x:clip;} body{margin:0;font-family:var(--ff);color:var(--ink);background:var(--white);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased;} img{max-width:100%;height:auto;display:block;} a{color:var(--blue);text-decoration:none;transition:.2s;} a:hover{color:var(--navy);} h1,h2,h3,h4{font-family:var(--fh);line-height:1.2;color:var(--navy);margin:0 0 .5em;} p{margin:0 0 1em;} .container{width:100%;max-width:var(--container);margin:0 auto;padding:0 22px;} .screen-reader-text{position:absolute;left:-9999px;} .skip-link:focus{left:12px;top:12px;position:fixed;background:#fff;padding:8px 14px;z-index:9999;border-radius:8px;} /* Foco visível padrão para navegação por teclado (funciona sobre fundo claro e escuro) */ a:focus-visible,button:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px;} .hero a:focus-visible,.projeto-hero a:focus-visible,.projeto-cta a:focus-visible,.site-footer a:focus-visible,.contato a:focus-visible{outline-color:#fff;} /* ---------- Botões ---------- */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--fh);font-weight:600;font-size:15px;padding:14px 26px;border-radius:50px;border:2px solid transparent;cursor:pointer;transition:.25s;text-align:center;} .btn-primary{background:var(--green);color:#fff;border-color:var(--green);} .btn-primary:hover{background:var(--green-dark);border-color:var(--green-dark);color:#fff;transform:translateY(-2px);} /* Em fundos escuros, o botão inverte para claro para manter contraste */ .hero .btn-primary,.projeto-cta .btn-primary{background:var(--gold);color:#fff;border-color:var(--gold);} .hero .btn-primary:hover,.projeto-cta .btn-primary:hover{background:var(--gold-dark);color:#fff;border-color:var(--gold-dark);} .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6);} .btn-ghost:hover{background:#fff;color:var(--navy);} .btn-outline-gold{background:transparent;color:var(--gold-deep);border-color:var(--gold);} .btn-outline-gold:hover{background:var(--gold);color:#fff;transform:translateY(-2px);} .btn-navy{background:var(--navy);color:#fff;border-color:var(--navy);} .btn-navy:hover{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-2px);} .btn-whats{background:#25D366;color:#fff;border-color:#25D366;} .btn-whats:hover{background:#1da851;border-color:#1da851;color:#fff;transform:translateY(-2px);} .btn-block{width:100%;} /* ---------- Header ---------- */ .site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);transition:background .35s,box-shadow .35s,border-color .35s;} .site-header.scrolled{box-shadow:0 6px 24px rgba(18,42,64,.12);} .header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;} .site-title{display:flex;align-items:center;gap:12px;font-family:var(--fh);} .brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-weight:800;font-size:18px;letter-spacing:.5px;} .brand-text strong{display:block;color:var(--navy);font-size:17px;font-weight:700;line-height:1.1;} .brand-text small{display:block;color:var(--muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase;} .custom-logo{max-height:56px;width:auto;} .site-logo-link{position:relative;display:inline-flex;align-items:center;} .site-logo-img{height:52px;width:auto;display:block;transition:opacity .3s;} .logo-light{position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;} .main-navigation ul{list-style:none;display:flex;gap:6px;margin:0;padding:0;} /* Escopado em 'ul a': dentro do