/* ETERNO Alma Brasileira — estilos próprios do corretor (balão de idiomas, FAQ, rodapé, botões flutuantes).
   Paleta, tipografia, formas, camadas e pontos de quebra (479, 767 e 991 px, os mesmos do Webflow) definidos abaixo. O CSS do Webflow permanece nos demais arquivos. */
:root{
  /* Paleta (identidade do site) */
  --et-grafite:#202020;
  --et-preto:#000;
  --et-branco:#fff;
  --et-creme:#fdfbea;
  --et-dourado:#b8975a;
  --et-whatsapp:#25d366;
  /* Neutros derivados do grafite */
  --et-cinza-texto:#444;   /* respostas da FAQ */
  --et-cinza-suave:#5f5f5f;/* texto auxiliar, contraste 6,4:1 sobre branco */
  --et-linha:#d8d2c8;      /* divisores */
  /* Escala tipográfica (px): 14, 16, 18, 24, 32 */
  --et-fs-1:14px;
  --et-fs-2:16px;
  --et-fs-3:18px;
  --et-fs-4:24px;
  --et-fs-5:32px;
  /* Formas e sombra */
  --et-raio-pilula:100px;  /* botões e barras */
  --et-raio-cartao:8px;    /* caixas e avisos */
  --et-sombra:0 6px 18px rgba(0,0,0,.28);
  /* Escala de camadas (acima das janelas do Webflow, que usam até 2000) */
  --z-flutuante:3;
  --z-idiomas:100000;
  --z-pular:100001;
}
.corretor-footer{display:flex;flex-flow:column;align-items:center;gap:6px;text-align:center;color:var(--et-grafite);font-size:var(--et-fs-1);line-height:24px}
.corretor-footer p{margin:0}
.corretor-footer .corretor-nome{font-weight:700;letter-spacing:.12em;font-size:var(--et-fs-2)}
.corretor-footer a{color:var(--et-grafite);text-decoration:underline;text-underline-offset:3px}
.skip-link{position:fixed;left:8px;top:-60px;z-index:var(--z-pular);background:var(--et-grafite);color:var(--et-branco);padding:10px 16px;border-radius:var(--et-raio-cartao);font-size:var(--et-fs-1);text-decoration:none}
.skip-link:focus{top:8px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role="button"]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--et-dourado);outline-offset:3px}
.hero-video-toggle{position:fixed;left:20px;top:20px;z-index:var(--z-flutuante);background:rgba(32,32,32,.75);color:var(--et-branco);border:0;border-radius:var(--et-raio-pilula);padding:8px 14px;font-size:var(--et-fs-1);cursor:pointer}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.lang-balloon{position:fixed;left:14px;top:50%;transform:translateY(-50%);z-index:var(--z-idiomas);display:flex;flex-direction:column;gap:8px;padding:8px;background:rgba(255,255,255,.94);border-radius:var(--et-raio-pilula);box-shadow:var(--et-sombra)}
.lang-balloon button{width:40px;height:40px;padding:0;border:2px solid transparent;border-radius:50%;background:none;cursor:pointer;overflow:hidden;display:block}
.lang-balloon button svg{width:100%;height:100%;display:block}
.lang-balloon button[aria-pressed="true"]{border-color:var(--et-dourado)}
.lang-balloon button:hover{transform:scale(1.08)}
#google_translate_element{display:none}
body{top:0!important}
.skiptranslate iframe,.goog-te-banner-frame,.goog-te-balloon-frame,#goog-gt-tt,.goog-tooltip{display:none!important}
.goog-text-highlight{background:none!important;box-shadow:none!important}
.seo-idiomas{max-width:900px;margin:18px auto 0;padding:0 16px;text-align:center;color:var(--et-cinza-suave);font-size:var(--et-fs-1);line-height:22px}
.seo-idiomas p{margin:0}
@media (max-width:767px){
  .hero-video-toggle{top:calc(env(safe-area-inset-top,0px) + 72px);left:auto;right:16px}
  .lang-balloon{top:auto;bottom:calc(88px + env(safe-area-inset-bottom,0px));transform:none;flex-direction:row;left:12px;border-radius:var(--et-raio-pilula);padding:6px;gap:6px}
  .lang-balloon:not(.open) button[aria-pressed="false"]{display:none}
  input.w-input,select.w-select,textarea.w-input{font-size:var(--et-fs-2)!important;min-height:44px}
}
.faq-eterno{max-width:960px;margin:0 auto;padding:72px max(16px,env(safe-area-inset-left,0px)) 40px;color:var(--et-grafite)}
.faq-eterno h2{margin:0 0 28px;font-size:clamp(var(--et-fs-4),3.2vw,var(--et-fs-5));line-height:1.2;font-weight:400;text-align:center;text-wrap:balance}
.faq-item{border-bottom:1px solid var(--et-linha)}
.faq-item:first-of-type{border-top:1px solid var(--et-linha)}
.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 4px;cursor:pointer;list-style:none;font-size:var(--et-fs-3);line-height:24px;min-height:44px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";flex:none;font-size:var(--et-fs-4);line-height:1;color:var(--et-dourado);transition:transform .2s}
.faq-item[open] summary::after{content:"\2212"}
.faq-item p{margin:0;padding:0 4px 22px;max-width:70ch;font-size:var(--et-fs-2);line-height:28px;color:var(--et-cinza-texto)}
@media (max-width:767px){.faq-item summary{font-size:var(--et-fs-2)}}
.faq-item summary:focus-visible{outline:2px solid var(--et-dourado);outline-offset:2px}
:where(img[height]){height:auto}
.wa-fab{position:fixed;right:28px;bottom:calc(20% + 96px);z-index:var(--z-flutuante);width:60px;height:60px;border-radius:50%;background:var(--et-whatsapp);display:flex;align-items:center;justify-content:center;box-shadow:var(--et-sombra);transition:transform .2s ease}
.wa-fab:hover{transform:scale(1.07)}
.wa-fab svg{width:32px;height:32px;fill:var(--et-branco)}
@media (max-width:991px){.wa-fab{right:16px;bottom:84px;width:54px;height:54px}}
.wa-feedback{margin-top:14px;padding:12px 16px;border:1px solid currentColor;border-radius:var(--et-raio-cartao);font-size:var(--et-fs-1);line-height:22px}

/* Selo fixo do topo: logotipo + identificação do executivo.
   O cargo usa a mesma proporção do texto "ALMA BRASILEIRA" do logotipo (cap-height de 6 px num logotipo de 172 px). */
.logo--nav{flex-direction:column;gap:8px;width:220px;container-type:inline-size}
.logo--nav--corretor{display:flex;flex-direction:column;align-items:center;gap:3px;max-width:100%;color:var(--et-grafite);text-align:center}
.logo--nav--nome{font-size:12px;line-height:16px;font-weight:500}
.logo--nav--cargo{font-size:7.5px;font-size:4.36cqw;line-height:1.5;font-weight:400;letter-spacing:.12em;white-space:nowrap}
@media (max-width:991px){.logo--nav{width:210px}}
@media (max-width:767px){.logo--nav{width:min(190px,40vw);min-width:156px;gap:6px;padding-left:10px;padding-right:10px}.logo--nav--nome{font-size:11px;line-height:14px}.h2--nav--mobile{margin-top:32px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

:where(button.w-inline-block){background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}

.seo-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;max-width:900px;margin:14px auto 0;padding:0 16px;font-size:var(--et-fs-1);line-height:22px}
.seo-links a{color:var(--et-cinza-suave);text-decoration:underline;text-underline-offset:3px}
.seo-links a:hover{color:var(--et-grafite)}