/* ==========================================================================
   Cabeçalho do site, para as páginas de /analise/.

   As regras abaixo foram extraídas do CSS de produção do site
   (assets/index-CF3bfYXM.css) e do bloco gdac-compact do index.html, sem
   reescrita, para o menu ficar idêntico ao do restante do site. Seletores
   soltos de <nav> receberam .site-header na frente, para não afetarem nada
   fora do cabeçalho.
   ========================================================================== */
.container{width:min(1180px,100% - 48px);margin:0 auto}
.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-bottom:1px solid #dfe6f0d9;position:sticky;top:0}
.nav-wrap{justify-content:space-between;align-items:center;gap:24px;height:82px;display:flex}
.brand{flex:none;align-items:center;display:inline-flex}
.brand img{object-fit:contain;width:120px;height:40px}
.site-header nav{align-items:center;gap:22px;margin-left:auto;display:flex}
.site-header nav a{color:#34445b;font-size:14px;font-weight:700;transition:color .2s}
.button{border-radius:12px;justify-content:center;align-items:center;gap:14px;min-height:52px;padding:0 22px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}
.button:hover{transform:translateY(-2px)}
.button svg{width:18px;height:18px}
.button-small{color:#fff;background:var(--blue);min-height:43px;padding:0 17px;box-shadow:0 10px 28px #0d5ce82e}
.button-primary{color:#fff;background:var(--blue);box-shadow:0 15px 34px #0d5ce840}
.button-primary:hover,.button-small:hover{background:#084ecb;box-shadow:0 18px 40px #0d5ce84d}
.button-light{color:var(--blue-dark);background:#fff}
.button-whatsapp{background:var(--green);color:#032819;width:100%;margin-top:15px;box-shadow:0 16px 36px #00000029}
.button-whatsapp:hover{background:#3ed68d}
@media (width<=1020px){.site-header nav{display:none}}
@media (width<=760px){.container{width:min(100% - 32px,1180px)}.site-header .button-small{display:none}.nav-wrap{height:70px}.local-cta .button{width:100%}}
.site-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#08090bb8;border:0;position:fixed;inset:0 0 auto}
.nav-wrap{height:80px}
.brand img{width:104px;height:34px}
.site-header nav{gap:27px}
.site-header nav a{color:#ffffffb8;font-size:13px;font-weight:650}
.site-header nav a:hover{color:#fff}
.button{border-radius:999px}
.button-small{color:#fff;box-shadow:none;background:#078bed}
.button-small:hover{color:#04160e;background:#24c77b}
.hero .button-primary{min-height:58px;box-shadow:none;background:#078bed;padding:0 28px}
.hero .button-primary:hover{color:#071326;background:#fff}
.local-cta .button-primary{color:#081321;box-shadow:none;background:#fff}
.about-section .button-light{color:#fff;background:#078bed}
.button-whatsapp{border-radius:999px}
@media (width<=760px){.site-header{background:#08090be0}.nav-wrap{height:68px}.brand{padding:5px 10px}.brand img{width:96px;height:31px}}
.brand{background:0 0;border-radius:0;padding:0}
.brand img{filter:brightness(1.8)saturate(1.2)drop-shadow(0 4px 14px #008bed38);width:122px;height:41px}
.site-header nav a{font-size:15px;font-weight:720}
@media (width<=760px){.brand img{width:110px;height:37px}}
.site-header nav a{font-size:16px}
.button{font-size:15px}
@media (width<=760px){.container{width:min(100% - 24px,1180px)}}
.container{min-width:0;max-width:100%}
.button svg{flex:none}
@media (width<=760px){.container{width:calc(100% - 32px)}.hero-actions .button,.method-intro .button,.about-copy .button,.local-cta .button,.cta-side .button{width:100%;max-width:100%}.button{text-align:center;white-space:normal;min-height:52px;padding:11px 18px;line-height:1.25}}
@media (width<=380px){.container{width:calc(100% - 24px)}}
.gdac-menu-btn{display:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:transparent;border:1px solid #ffffff3d;color:#fff;margin-left:auto;cursor:pointer;padding:0}
@media (max-width:1020px){.gdac-menu-btn{display:flex}.nav-wrap{position:relative}#gdac-nav{display:none;flex-direction:column;align-items:stretch;gap:2px;position:absolute;top:100%;left:0;right:0;background:#0b0c0f;border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;padding:8px 20px 14px;margin:0;box-shadow:0 12px 24px #00000066}#gdac-nav a{padding:12px 4px;border-bottom:1px solid #ffffff14}#gdac-nav a:last-child{border-bottom:0}.site-header.gdac-nav-open #gdac-nav{display:flex}}
.gdac-line-1,.gdac-line-2,.gdac-line-3{transition:transform .2s,opacity .2s}
.site-header.gdac-nav-open .gdac-line-1{transform:translateY(5px) rotate(45deg)}
.site-header.gdac-nav-open .gdac-line-2{opacity:0}
.site-header.gdac-nav-open .gdac-line-3{transform:translateY(-5px) rotate(-45deg)}


/* ==========================================================================
   Rodapé do site — mesmas regras do CSS de produção.
   ========================================================================== */
footer{color:#fff;background:#061122;padding:65px 0 36px}
.footer-grid{grid-template-columns:1.6fr .7fr .7fr 1fr;gap:55px;display:grid}
.footer-brand img{display:block}
.footer-brand p{color:#8e9cb1;max-width:250px;font-size:13px;line-height:1.6}
.footer-grid>div{flex-direction:column;align-items:flex-start;gap:12px;display:flex}
.footer-grid strong{text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px;font-size:12px}
.footer-grid a,.footer-grid span,.footer-grid small{color:#8e9cb1;font-size:12px}
.footer-grid a:hover{color:#fff}
.footer-end{text-align:right;align-self:end;align-items:flex-end!important}
@media (width<=1020px){.footer-grid{grid-template-columns:1.4fr .7fr .7fr}.footer-end{border-top:1px solid #ffffff1a;grid-column:1/-1;justify-content:space-between;width:100%;padding-top:25px;flex-direction:row!important}}
@media (width<=760px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-end{text-align:left;flex-direction:column!important;align-items:flex-start!important}}
footer{background:#07080a}
.footer-brand img{filter:brightness(0)invert()}
.footer-socials{gap:11px;display:grid}
.footer-socials a{color:#aeb7c6;align-items:center;gap:10px;transition:color .2s,transform .2s;display:inline-flex}
.footer-socials a:hover{color:#fff;transform:translate(3px)}
.footer-socials svg{flex:none;width:23px;height:23px}
.footer-socials span{color:inherit;font-size:12px;font-weight:650}
footer{padding:50px 0 28px}
@media (width<=760px){.footer-grid{gap:30px}footer{padding:42px 0 82px}}
footer{min-width:0;max-width:100%}
@media (width<=760px){.footer-grid{min-width:0}.footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px 18px}.footer-grid a,.footer-grid span,.footer-grid small{line-height:1.4}}
@media (width<=380px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}
/* --------------------------------------------------------------------------
   Ajustes desta pasta.
   -------------------------------------------------------------------------- */

/* O site tem um reset global de links (sem sublinhado, cor herdada). Aqui ele
   é aplicado só dentro do cabeçalho, para não mexer nos links da ferramenta. */
.site-header a{text-decoration:none;color:inherit}
.site-header .brand{text-decoration:none}
footer a{text-decoration:none}
footer a:hover{text-decoration:none}

/* No site o cabeçalho é translúcido, porque fica sobre seções escuras. Aqui o
   fundo da página é claro e ele ficaria acinzentado — então fica sólido, no
   mesmo tom escuro da marca. */
.site-header{background:#08090b}

/* Em páginas curtas sobrava uma faixa clara abaixo do rodapé, porque o fundo
   do <body> desta ferramenta é claro e aparecia atrás. O site resolve isso
   pintando o <html> com a cor do rodapé; mesma solução aqui. Também desativa
   o efeito de "quicar" no fim da rolagem, como o site faz. */
html{background:#07080a}
html,body{overscroll-behavior-y:none}

/* O cabeçalho é fixo; alturas medidas no site: 80px até 760px, 68px abaixo. */
body{padding-top:80px}
@media (max-width:760px){body{padding-top:68px}}

/* Quem está logado aparece onde o site mostra o botão. */
.gda-sessao{display:flex;flex-direction:column;align-items:flex-end;gap:2px;
  line-height:1.2;text-align:right}
.gda-sessao strong{font-size:13px;font-weight:700;color:#fff}
.gda-sessao em{font-size:11px;font-style:normal;color:#9aa7b8}
@media (max-width:1020px){.gda-sessao{display:none}}

/* ==========================================================================
   Tela de login: o formulário fica ao lado do texto, dentro do topo escuro,
   no mesmo arranjo de duas colunas que a home usa (texto à esquerda, peça
   visual à direita).
   ========================================================================== */
.gda-hero-duas-colunas{display:grid;grid-template-columns:1.05fr .95fr;
  gap:56px;align-items:center}
.gda-hero-texto{min-width:0}
.gda-card-login{width:100%;max-width:440px;margin-left:auto;
  box-shadow:0 34px 70px rgba(3,8,20,.5)}

/* o topo da tela de login precisa de mais respiro do que o topo comum,
   porque agora abriga o formulário inteiro */
.gda-hero-com-login{padding-top:34px;padding-bottom:56px}

@media (max-width:960px){
  .gda-hero-duas-colunas{grid-template-columns:1fr;gap:34px}
  .gda-card-login{margin-left:0;max-width:520px}
  .gda-hero-com-login{padding-bottom:40px}
}

/* link de retorno das páginas internas da ferramenta */
.gda-voltar{margin:0 0 18px}
.gda-voltar a{font-size:13px;font-weight:700;color:var(--blue,#0d5ce8);text-decoration:none}
.gda-voltar a:hover{text-decoration:underline}