summary::-webkit-details-marker{display:none}
.ig-trilha::-webkit-scrollbar{display:none}
details[open] .faq-icone{transform:rotate(45deg)}
.faq-icone{transition:transform .25s ease}
body{margin:0;background:#F1F5F4}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
section[id]{scroll-margin-top:84px}
a{color:#0B5963}a:hover{color:#003F4A}
input,textarea,select,button{font-family:inherit}
@media (prefers-reduced-motion: no-preference){.tema-raiz,.tema-raiz section,.tema-raiz form,.tema-raiz h2,.tema-raiz h3,.tema-raiz p,.tema-raiz path,.tema-raiz rect,.tema-raiz input,.tema-raiz textarea,.tema-raiz select{transition:background-color .7s ease,color .7s ease,fill .7s ease}}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #E8952F;outline-offset:3px;box-shadow:0 0 0 3px #003F4A}
.tema-raiz ::placeholder{color:var(--texto2);opacity:1}
:root{--chao:#F1F5F4;--superficie:#FFFFFF;--papel:#FFFFFF;--foto:#CFE0E0;--sombra:#CFE0E0;--fotoTexto:#0B5963;--titulo:#003F4A;--texto:#12292D;--texto2:#45585B;--linha:#D6E4E4;--campo:#F4F9F8;--nuvem:#DCE8E7;color-scheme:light}
[data-theme="dark"]{--chao:#0A2B31;--superficie:#0E363D;--papel:#123F46;--foto:#1A4C53;--sombra:#06222A;--fotoTexto:#9CD0CF;--titulo:#F1F5F4;--texto:#D5E4E4;--texto2:#A9C3C4;--linha:#1F5359;--campo:#0E363D;--nuvem:#1C4A51;color-scheme:dark}
body{background:var(--chao)}
.icone{position:relative;display:inline-flex}
.so-mobile{display:none}
@media (max-width:779px){.so-desktop{display:none}.so-mobile{display:block}}
#menu-mobile[hidden]{display:none}
.icone-fechar{display:none}
[aria-expanded="true"] .icone-fechar{display:inline-flex}
[aria-expanded="true"] .icone-abrir{display:none}
.icone-sol{display:none}
[data-theme="dark"] .icone-sol{display:inline-flex}
[data-theme="dark"] .icone-lua{display:none}
.hero-grade{padding:72px 32px 190px}
.hero-arte{order:1}
.hero-titulo{font-size:clamp(40px,4.6vw,64px)}
@media (max-width:779px){.hero-grade{padding:28px 20px 150px}.hero-titulo{font-size:38px}}
/* Manter o enquadramento atual; em telas largas, limitar o corte ao céu vazio (24 unidades do SVG). */
.rio-cena{height:auto;min-height:520px;aspect-ratio:1440/536}
@media (max-width:779px){.rio-cena{height:360px;min-height:0}}
.rio-sol,.rio-lua{transform-box:view-box;transition:transform 1.6s cubic-bezier(.2,.7,.2,1),opacity 1.3s ease}
.rio-lua{opacity:0;transform:translateY(150px)}
[data-theme="dark"] .rio-sol{opacity:0;transform:translateY(150px)}
[data-theme="dark"] .rio-lua{opacity:1;transform:translateY(0)}
.rio-estrelas{opacity:0;transition:opacity 1.6s ease}
[data-theme="dark"] .rio-estrelas{opacity:1}
.rio-reflexo{stroke:#F2B45A}
[data-theme="dark"] .rio-reflexo{stroke:#E9E4CC}
.janela-a{fill:#1E727D}.janela-b{fill:#5FA3A8}
[data-theme="dark"] .janela-a{fill:#F2B45A}
[data-theme="dark"] .janela-b{fill:#E8952F}
.rio-luz,.rio-luz-predio{opacity:0;transition:opacity 1.4s ease}
[data-theme="dark"] .rio-luz{opacity:.45}
[data-theme="dark"] .rio-luz-predio{opacity:.18}
#fab.oculto{display:none}
@media (prefers-reduced-motion:no-preference){
.barras{transform-box:fill-box;transform-origin:50% 100%;animation:gc-subir .7s cubic-bezier(.2,.7,.2,1) both}
.hero-sol{transform-box:view-box;transform-origin:150px 130px;animation:gc-surgir .6s cubic-bezier(.2,.7,.2,1) both}
.hero-foto{animation:gc-surgir .6s cubic-bezier(.2,.7,.2,1) both}
.hero-curva{animation:gc-tracar .75s .25s cubic-bezier(.4,0,.2,1) both}
.hero-seta{animation:gc-aparecer .2s .85s ease both}
.hero-pincelada{animation:gc-tracar .6s .4s cubic-bezier(.4,0,.2,1) both}
}
@keyframes gc-subir{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes gc-surgir{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}
@keyframes gc-tracar{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes gc-aparecer{from{opacity:0}to{opacity:1}}
/* Botão do VLibras com o mesmo foco do site */
:root{--vlibras-btn-focus-visible-outline:3px solid #E8952F;--vlibras-btn-focus-visible-shadow:0 0 0 6px #003F4A}
/* Carrossel do Instagram */
.ig-trilha:focus-visible{outline:3px solid #E8952F;outline-offset:3px;box-shadow:0 0 0 3px #003F4A;border-radius:12px}
.ig-midia{position:relative;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#FFFFFF;border:1px solid var(--linha);box-shadow:var(--sombraCartao)}
.ig-midia.pronto{aspect-ratio:auto}
.ig-midia.video{background:#003F4A}
.ig-midia video{display:block;width:100%;height:100%;object-fit:contain;background:#003F4A}
.ig-midia blockquote.instagram-media,.ig-midia iframe.instagram-media{min-width:0!important;max-width:100%!important;width:100%!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.ig-capa{position:absolute!important;left:0;top:0;width:100%;z-index:1;pointer-events:none}
.ig-capa.livre{pointer-events:auto}
/* Setas dos carrosséis (vídeos e avaliações): círculos limpos no meio das laterais */
.carrossel-seta{position:absolute;top:50%;z-index:2;width:52px;height:52px;margin-top:-26px;padding:0;border:0;border-radius:50%;background:#0B5963;box-shadow:0 4px 14px rgba(0,63,74,.25);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}
.carrossel-seta:hover{background:#003F4A}
[data-theme="dark"] .carrossel-seta{background:#1E727D}
[data-theme="dark"] .carrossel-seta:hover{background:#0B5963}
.carrossel-seta[hidden]{display:none}
.carrossel-seta-anterior{left:-14px}
.carrossel-seta-proximo{right:-14px}
@media (max-width:779px){.carrossel-seta{width:44px;height:44px;margin-top:-22px}.carrossel-seta-anterior{left:6px}.carrossel-seta-proximo{right:6px}}
.carrossel-trilha{position:relative;display:flex;align-items:flex-start;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 4px 14px}
.carrossel-trilha::-webkit-scrollbar{display:none}
.carrossel-trilha:focus-visible{outline:3px solid #E8952F;outline-offset:3px;box-shadow:0 0 0 3px #003F4A;border-radius:12px}

/* Visual sóbrio: componentes limpos (nível 2 na página inicial, nível 3 nas Informações) */
:root{--cartao:#FFFFFF;--sombraCartao:0 1px 2px rgba(0,63,74,.06),0 10px 28px rgba(0,63,74,.08);--bordaCampo:#5E9599}
[data-theme="dark"]{--cartao:#123F46;--sombraCartao:0 1px 2px rgba(0,0,0,.22),0 10px 28px rgba(0,0,0,.3);--bordaCampo:#5FA3A8}
.btn{border-radius:12px;transition:background-color .2s ease,border-color .2s ease;cursor:pointer}
.btn-primario{background:#E8952F}
.btn-primario:hover{background:#F2A447;color:#003F4A}
.btn-escuro{background:#0B5963}
.btn-escuro:hover{background:#003F4A;color:#FFFFFF}
[data-theme="dark"] .btn-escuro{background:#1E727D}
[data-theme="dark"] .btn-escuro:hover{background:#0B5963}
.btn-contorno{background:transparent;border:2px solid #0B5963}
.btn-contorno:hover{background:rgba(11,89,99,.08);color:var(--titulo)}
[data-theme="dark"] .btn-contorno{border-color:#5FA3A8}
[data-theme="dark"] .btn-contorno:hover{background:rgba(95,163,168,.14)}
.btn-contorno-claro{background:transparent;border:2px solid #8FC1C3}
.btn-contorno-claro:hover{background:rgba(255,255,255,.1);color:#FFFFFF}
.btn-bloco{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 24px;box-sizing:border-box;text-decoration:none;font-weight:700;font-size:16px;line-height:1.3}
.btn-bloco[hidden]{display:none}
.btn-bloco.btn-primario{color:#003F4A}
.btn-bloco.btn-contorno{color:var(--titulo)}
.etiqueta{border-radius:10px}
.etiqueta-contorno{border:1.5px solid #5FA3A8}
.icone-solido{border-radius:14px}
.cartao{border:1px solid var(--linha);border-radius:18px;box-shadow:var(--sombraCartao)}
.cartao-destaque{border:1.5px solid #E8952F}
.cartao-form{background:var(--papel);border-radius:20px}
.campo{background:var(--campo);border:1.5px solid var(--bordaCampo);border-radius:10px}
.campo:focus-within{border-color:#0B5963}
[data-theme="dark"] .campo:focus-within{border-color:#9CD0CF}
.divisor-secao{height:36px}
.faq-icone circle{transition:fill .2s ease}

/* Serviços: cards de chamada com WhatsApp */
.servicos-grade{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media (max-width:1023px){.servicos-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){.servicos-grade{grid-template-columns:1fr}}
.servico-card{display:flex;flex-direction:column;gap:12px;padding:26px 24px 24px;background:var(--cartao);border:1px solid var(--linha);border-radius:18px;box-shadow:var(--sombraCartao)}
.servico-icone{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.servico-titulo{margin:4px 0 0;font-family:'Bricolage Grotesque',Georgia,serif;font-size:21px;font-weight:700;line-height:1.25;color:var(--titulo)}
.servico-texto{margin:0;font-size:16px;line-height:1.6;color:var(--texto2)}
.servico-preco{align-self:flex-start;margin:2px 0 0;padding:5px 12px;border-radius:999px;background:#FCEBD5;color:#6B3A06;font-size:14.5px;font-weight:700}
[data-theme="dark"] .servico-preco{background:#0A2B31;color:#F2B45A;box-shadow:inset 0 0 0 1px rgba(242,180,90,.45)}
.servico-acao{margin-top:auto;padding-top:8px}
.btn-whatsapp{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 18px;box-sizing:border-box;text-decoration:none;font-weight:700;font-size:16px;color:#003F4A;background:#E8952F;border-radius:12px;transition:background-color .2s ease}
.btn-whatsapp:hover{background:#F2A447;color:#003F4A}
.btn-whatsapp img{width:22px;height:22px;display:block;filter:brightness(0);opacity:.85}

/* Avaliações de clientes */
.avaliacao-card{flex:0 0 auto;width:min(360px,82vw);scroll-snap-align:start;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;padding:26px 24px;background:var(--cartao);border:1px solid var(--linha);border-radius:18px;box-shadow:var(--sombraCartao)}
.avaliacao-estrelas{margin:0;display:flex;gap:2px;color:#C9651A;font-size:20px;line-height:1;letter-spacing:1px}
[data-theme="dark"] .avaliacao-estrelas{color:#F2B45A}
.avaliacao-estrelas .apagada{color:var(--linha)}
.avaliacao-texto{margin:0;font-size:16.5px;line-height:1.65;color:var(--texto)}
.avaliacao-autor{margin:auto 0 0;font-weight:700;font-size:15.5px;color:var(--titulo)}
.avaliacoes-resumo{margin:0;font-size:17px;font-weight:600;color:var(--texto2)}
.so-leitor{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ==========================================================================
   Etapa 2 (04/10/2026): tokens de escala, cores vibrantes e componentes.
   Não altera --chao, --nuvem, --texto, --titulo nem --texto2 (usadas pela seção #rio).
   ========================================================================== */
:root{
  --fs-corpo:16px;--fs-destaque:17px;--fs-h1:clamp(34px,4.2vw,56px);--fs-h2:clamp(26px,2.8vw,38px);--fs-h3:21px;
  --lh-corpo:1.6;--lh-titulo:1.15;--leitura:65ch;
  --container:1180px;--margem:24px;--secao-y:clamp(48px,7vw,96px);--gap-cards:24px;
  --raio-btn:12px;--raio-card:20px;--onda-max:56px;
  --sombra-card:0 1px 2px rgba(0,63,74,.05),0 6px 18px rgba(0,63,74,.07);
  --petroleo:#003F4A;--petroleo-vibrante:#0A7A82;--agua-claro:#E3F4F2;--agua-borda:#BFE6E2;
  --laranja:#F28A1E;--laranja-hover:#F59A3A;--terracota:#C4572A;--ambar:#FFB547;
  --fundo-vibrante:#0A7A82;--fundo-agua:#E3F4F2;--borda-card:#BFE6E2;--texto-sobre-vibrante:#F3FBFA
}
[data-theme="dark"]{--fundo-vibrante:#075F66;--fundo-agua:#0B3238;--borda-card:#1F5359;--sombra-card:0 1px 2px rgba(0,0,0,.25),0 8px 22px rgba(0,0,0,.3)}

/* Estrutura e texto */
.container{max-width:var(--container);margin-left:auto;margin-right:auto;padding-left:var(--margem);padding-right:var(--margem);box-sizing:border-box}
.secao{padding-top:var(--secao-y);padding-bottom:var(--secao-y)}
.secao-branca{background:var(--superficie)}
.secao-agua{background:var(--fundo-agua)}
.faixa-vibrante{background:var(--fundo-vibrante)}
.titulo-pagina{font-family:'Bricolage Grotesque',Georgia,serif;font-size:var(--fs-h1);line-height:1.08;font-weight:700;letter-spacing:-.025em}
.titulo-secao{margin:0;font-family:'Bricolage Grotesque',Georgia,serif;font-size:var(--fs-h2);line-height:var(--lh-titulo);font-weight:700;letter-spacing:-.02em}
.titulo-card{margin:0;font-family:'Bricolage Grotesque',Georgia,serif;font-size:var(--fs-h3);line-height:1.25;font-weight:700}
.texto{font-size:var(--fs-corpo);line-height:var(--lh-corpo)}
.texto-destaque{font-size:var(--fs-destaque);line-height:var(--lh-corpo)}
.leitura{max-width:var(--leitura)}

/* Botões: 48 px, cantos de 12 px; principal sólido, secundário com contorno de 2 px */
.btn{min-height:48px;padding:12px 22px;font-size:16px;line-height:1.3;border-radius:var(--raio-btn);box-sizing:border-box}
.btn-primario,.btn-bloco.btn-primario{background:var(--laranja);color:#003F4A}
.btn-primario:hover,.btn-bloco.btn-primario:hover{background:var(--laranja-hover);color:#003F4A}
.btn-contorno-claro{border-color:#FFFFFF}
.gc-cabecalho .gc-cabecalho-contato,.gc-cabecalho .gc-menu-contato{background:var(--laranja)}
.gc-cabecalho .gc-cabecalho-contato:hover,.gc-cabecalho .gc-menu-contato:hover{background:var(--laranja-hover)}
.gc-cabecalho .gc-cabecalho-logo{height:42px}
.gc-cabecalho .gc-cabecalho-logo-mobile{width:auto;height:clamp(30px,9vw,38px)}
.gc-rodape .gc-rodape-grade{padding-top:56px}

/* Cards: cantos de 20 px, borda de 1 px, sombra suave; sobe 2 px no hover */
.cartao{border:1px solid var(--borda-card);border-radius:var(--raio-card);box-shadow:var(--sombra-card)}
@media (prefers-reduced-motion:no-preference){
  .cartao,.ajuda-card,.avaliacao-card,.ajuda-linha{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
  .cartao:hover,.ajuda-card:hover,.avaliacao-card:hover{transform:translateY(-2px)}
}

/* Ondas: no máximo 56 px (a da seção #rio fica como está) */
.onda{display:block;width:100%;height:var(--onda-max)}

/* Fotos com painel de espera ([data-foto]; o JS cria o <img> quando a foto existir e põe .tem-foto) */
.foto-moldura{position:relative;overflow:hidden;background:var(--painel,#0A7A82)}
.foto-moldura>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.foto-moldura .painel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--painel-icone,#FFFFFF)}
.foto-moldura.tem-foto .painel{display:none}
.painel .icone-painel{width:72px;height:72px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.painel .onda-painel{position:absolute;left:0;bottom:16%;width:100%;height:28px;fill:none;stroke:currentColor;stroke-width:2;opacity:.35}

/* Abertura */
.abertura{position:relative;background:var(--fundo-vibrante);overflow:hidden}
.abertura-grade{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px 48px;align-items:center;padding-top:clamp(36px,5.5vw,72px);padding-bottom:calc(var(--onda-max) + clamp(28px,4vw,56px))}
@media (max-width:899px){.abertura-grade{grid-template-columns:1fr}}
.abertura-texto{display:flex;flex-direction:column;gap:22px;min-width:0}
.abertura-titulo{margin:0;color:#FFFFFF}
.com-sublinhado{position:relative;display:inline-block;white-space:nowrap}
.com-sublinhado svg{position:absolute;left:-2%;bottom:-.16em;width:104%;height:.3em;overflow:visible;pointer-events:none}
.abertura-sub{margin:0;font-size:clamp(17px,1.35vw,19px);line-height:1.6;color:var(--texto-sobre-vibrante);max-width:52ch}
.abertura-acoes{display:flex;flex-wrap:wrap;gap:12px}
.abertura-acoes .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:700}
.abertura-acoes .btn-contorno-claro{color:#FFFFFF;border:2px solid #FFFFFF;background:transparent}
.abertura-acoes .btn-contorno-claro:hover{background:rgba(255,255,255,.12);color:#FFFFFF}
.abertura-acoes img{width:20px;height:20px;display:block;filter:brightness(0);opacity:.85}
.confianca{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:15px;line-height:1.4;color:#FFFFFF}
.confianca li{display:flex;align-items:center;gap:8px}
.confianca svg{flex-shrink:0;width:19px;height:19px;fill:none;stroke:var(--ambar);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.abertura-imagem{display:none;position:relative;justify-self:center;width:100%;max-width:440px;padding:18px 26px 34px;box-sizing:border-box}
.abertura-imagem.tem-retrato{display:block}
.abertura-grade:not(:has(.tem-retrato)){grid-template-columns:1fr}
.abertura-grade:not(:has(.tem-retrato)) > div:first-child{max-width:760px}
.abertura-imagem .moldura-organica{display:none}
.abertura-imagem.tem-retrato .moldura-organica{display:block}
.assunto-capa{display:block;width:100%;max-width:440px;height:auto;justify-self:center;border-radius:20px}
.assunto-miniatura{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.assunto-cartao{display:flex;flex-direction:column;overflow:hidden}
@media (max-width:899px){.abertura-imagem,.abertura-imagem.tem-retrato{display:none}}
.moldura-organica{position:relative}
.moldura-organica .foto-moldura{aspect-ratio:4/5;border-radius:46% 54% 44% 56% / 52% 46% 54% 48%;--painel:#0B6A71}
.moldura-organica .traco{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);overflow:visible;pointer-events:none}
@media (prefers-reduced-motion:no-preference){.abertura-imagem{animation:gc-entrada .6s cubic-bezier(.2,.7,.2,1) both}}
@keyframes gc-entrada{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.abertura .onda{position:absolute;left:0;bottom:-1px}

/* Como podemos ajudar */
.ajuda-cabecalho{display:flex;flex-direction:column;gap:12px;max-width:720px;margin-bottom:36px}
.ajuda-grade{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-cards);align-items:stretch}
@media (max-width:899px){.ajuda-grade{grid-template-columns:1fr;max-width:560px}}
.ajuda-card{display:flex;flex-direction:column;background:var(--cartao);border:1px solid var(--borda-card);border-radius:var(--raio-card);box-shadow:var(--sombra-card);overflow:hidden}
.ajuda-card .foto-moldura{aspect-ratio:4/3}
.ajuda-corpo{flex:1;display:flex;flex-direction:column;gap:10px;padding:22px 24px 24px}
.ajuda-card .titulo-card{color:var(--titulo)}
.ajuda-card .texto{margin:0;color:var(--texto2)}
.ajuda-preco{margin:2px 0 0;font-size:15.5px;font-weight:700;color:var(--titulo)}
.ajuda-acao{margin-top:auto;padding-top:10px}
.btn-acao{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:12px 22px;box-sizing:border-box;border-radius:var(--raio-btn);font-size:16px;font-weight:700;line-height:1.3;text-decoration:none;text-align:center;transition:background-color .2s ease,border-color .2s ease}
.btn-acao img{width:18px;height:18px;flex-shrink:0;display:block;filter:brightness(0);opacity:.8}
.btn-acao-contorno{border:2px solid var(--petroleo-vibrante);color:var(--titulo);background:transparent}
.btn-acao-contorno:hover{background:rgba(10,122,130,.08);color:var(--titulo)}
[data-theme="dark"] .btn-acao-contorno{border-color:#5FA3A8}
[data-theme="dark"] .btn-acao-contorno img{filter:brightness(0) invert(1);opacity:.9}
.btn-acao-laranja{background:var(--laranja);color:#003F4A}
.btn-acao-laranja:hover{background:var(--laranja-hover);color:#003F4A}
.ajuda-card.destaque{background:var(--fundo-vibrante);border-color:transparent}
.ajuda-card.destaque .titulo-card,.ajuda-card.destaque .ajuda-preco{color:#FFFFFF}
.ajuda-card.destaque .texto{color:var(--texto-sobre-vibrante)}
.ajuda-outros{margin-top:44px}
.ajuda-outros .titulo-card{color:var(--titulo)}
.ajuda-lista{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px var(--gap-cards)}
@media (max-width:719px){.ajuda-lista{grid-template-columns:1fr}}
.ajuda-linha{display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 16px;box-sizing:border-box;border:1px solid var(--borda-card);border-radius:14px;background:var(--cartao);color:var(--titulo);text-decoration:none}
.ajuda-linha:hover{border-color:var(--petroleo-vibrante);color:var(--titulo)}
.ajuda-linha .icone-linha{width:20px;height:20px;flex-shrink:0;fill:none;stroke:var(--petroleo-vibrante);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
[data-theme="dark"] .ajuda-linha .icone-linha{stroke:#9CD0CF}
.ajuda-linha-texto{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px}
.ajuda-linha-nome{font-weight:600;font-size:16px;line-height:1.35}
.ajuda-linha-preco{font-size:14px;color:var(--texto2);white-space:nowrap}
.ajuda-linha .seta{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Quem é a Gabriela */
.gabriela-grade{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px 64px;align-items:center}
@media (max-width:899px){.gabriela-grade{grid-template-columns:1fr}}
.gabriela-foto{width:100%;max-width:380px;justify-self:center;aspect-ratio:4/5;border-radius:var(--raio-card);border:1px solid var(--borda-card);box-shadow:var(--sombra-card);--painel:var(--cartao)}
.painel-selo img{width:58%;height:auto;border-radius:50%;box-shadow:0 0 0 8px var(--fundo-agua),0 0 0 9px var(--borda-card)}
.gabriela-texto{display:flex;flex-direction:column;gap:18px}
.gabriela-texto p{margin:0;color:var(--texto2)}
.selos-linha{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.selos-linha li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--cartao);border:1px solid var(--borda-card);color:var(--titulo);font-size:15px;font-weight:700}
.selos-linha svg{width:18px;height:18px;fill:none;stroke:var(--terracota);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
[data-theme="dark"] .selos-linha svg{stroke:var(--ambar)}

/* Avaliações: link para a avaliação no Google (montado pelo JS do Codex) */
.avaliacao-link{align-self:flex-start;font-size:15px;font-weight:600;color:var(--fotoTexto);text-decoration:underline;text-underline-offset:3px}
.avaliacao-link:hover{color:var(--titulo)}

/* Avaliações com altura comum, leitura confortável e rolagem circular sem clones. */
#avaliacoes .carrossel-trilha{align-items:stretch;gap:24px;padding:10px 4px 18px;touch-action:pan-x pan-y}
#avaliacoes .avaliacao-card{width:360px;min-height:300px;padding:28px;gap:18px;border-radius:20px}
#avaliacoes .avaliacao-card blockquote{flex:1}
#avaliacoes .avaliacao-texto{font-size:16px;line-height:1.65}
#avaliacoes .avaliacao-autor{margin:0}
#avaliacoes .avaliacoes-resumo{font-size:16px;font-weight:500}
#avaliacoes .carrossel-seta-anterior{left:-36px}
#avaliacoes .carrossel-seta-proximo{right:-36px}
@media (min-width:900px) and (max-width:1279px){#avaliacoes [data-carrossel]{margin-inline:24px}}
@media (prefers-reduced-motion:no-preference){.carrossel-continuo .carrossel-trilha{scroll-snap-type:none;overflow-anchor:none}.carrossel-continuo .carrossel-trilha>[data-slide]{translate:var(--desliza,0px) 0}}
@media (max-width:899px){
  #avaliacoes .carrossel-seta{display:none}
  #avaliacoes .avaliacao-card{width:min(360px,calc(100vw - 76px));min-height:320px;padding:24px}
}
/* Assuntos: três colunas amplas, duas no tablet e uma no celular. */
.assuntos-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-cards)}
@media (max-width:1023px){.assuntos-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){.assuntos-grade{grid-template-columns:1fr}}

/* Revelação suave ao rolar (o JS põe .js-revelar no <html> e .revelado em cada item, uma vez só) */
@media (prefers-reduced-motion:no-preference){
  html.js-revelar [data-revelar]{transition:opacity .4s ease,transform .4s ease}
  html.js-revelar [data-revelar]:not(.revelado){opacity:0;transform:translateY(16px)}
}
/* Ritmo dos fundos enquanto a seção de avaliações estiver escondida (evita dois verde-água seguidos) */
#avaliacoes[hidden] + #instagram{background:var(--superficie)}
#avaliacoes[hidden] ~ #informacoes{background:var(--fundo-agua)}
@media (max-width:479px){.btn-acao,.btn{font-size:15px;padding-left:18px;padding-right:18px}.ajuda-corpo{padding:20px}}

/* ==========================================================================
   Plano revisado (Claude, 04/10/2026): prova na abertura, "Como funciona",
   Gabriela com citação, chamado contextual nas Informações e microinterações.
   ========================================================================== */

/* Abertura: sem retrato, a coluna direita mostra a prova real do Google; com retrato, o retrato. */
.abertura-grade:not(:has(.tem-retrato)){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
@media (max-width:899px){.abertura-grade:not(:has(.tem-retrato)){grid-template-columns:1fr}}
.abertura-grade:has(.tem-retrato) .abertura-prova{display:none}
.abertura-grade:has(.abertura-prova[hidden]):not(:has(.tem-retrato)){grid-template-columns:1fr}
.abertura-prova{justify-self:end;width:100%;max-width:420px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;padding:28px 28px 26px;border-radius:var(--raio-card);background:var(--cartao);box-shadow:0 18px 40px rgba(0,40,46,.22)}
.abertura-prova[hidden],.prova-nota[hidden],.prova-link[hidden]{display:none}
@media (max-width:899px){.abertura-prova{justify-self:stretch;max-width:none;padding:22px}}
@media (prefers-reduced-motion:no-preference){.abertura-prova{animation:gc-entrada .6s cubic-bezier(.2,.7,.2,1) both}}
.prova-nota{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.prova-numero{font-family:'Bricolage Grotesque',Georgia,serif;font-size:44px;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--titulo)}
.prova-estrelas{font-size:20px;letter-spacing:2px;color:var(--terracota)}
[data-theme="dark"] .prova-estrelas{color:var(--ambar)}
.prova-fonte{font-size:15px;font-weight:600;color:var(--texto2)}
.prova-citacao{margin:0}
.prova-citacao p{margin:0;font-size:17px;line-height:1.55;color:var(--texto)}
.prova-autor{margin:0;font-size:14.5px;font-weight:700;color:var(--texto2)}
.prova-link{align-self:flex-start;font-size:15px;font-weight:700;color:#0A7A82;text-decoration:underline;text-underline-offset:4px}
.prova-link:hover{color:#003F4A}
[data-theme="dark"] .prova-link{color:#9CD0CF}
[data-theme="dark"] .prova-link:hover{color:#FFFFFF}

/* Como funciona */
.passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-cards)}
@media (max-width:899px){.passos{grid-template-columns:1fr;max-width:560px}}
.passo{display:flex;flex-direction:column;gap:10px;padding:26px 24px;box-sizing:border-box;border-radius:var(--raio-card);background:var(--cartao);border:1px solid var(--borda-card);box-shadow:var(--sombra-card)}
.passo-numero{width:44px;height:44px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--petroleo-vibrante);color:#FFFFFF;font-family:'Bricolage Grotesque',Georgia,serif;font-size:20px;font-weight:800}
.passo .titulo-card{color:var(--titulo)}
.passo .texto{margin:0;color:var(--texto2)}
.troca-contador{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;padding:20px 24px;box-sizing:border-box;border-radius:var(--raio-card);background:var(--cartao);border:1px dashed var(--borda-card)}
.troca-contador .texto{margin:0;flex:1 1 320px;color:var(--texto)}
.troca-contador .btn-acao{width:auto}

/* Quem é a Gabriela: sem foto, a frase dela ocupa o lugar; com foto, a frase fica embaixo */
.gabriela-midia{width:100%;max-width:420px;justify-self:center;display:flex;flex-direction:column;gap:20px}
.gabriela-midia .gabriela-foto{max-width:none}
.gabriela-midia .gabriela-foto:not(.tem-foto){display:none}
.gabriela-citacao{position:relative;margin:0;padding:34px 30px 28px;box-sizing:border-box;border-radius:var(--raio-card);background:var(--fundo-vibrante);box-shadow:var(--sombra-card)}
.gabriela-citacao::before{content:"“";position:absolute;top:-6px;left:22px;font-family:'Bricolage Grotesque',Georgia,serif;font-size:96px;line-height:1;color:var(--ambar)}
.gabriela-citacao blockquote{margin:0}
.gabriela-citacao blockquote p{margin:18px 0 0;font-family:'Bricolage Grotesque',Georgia,serif;font-size:clamp(21px,2vw,25px);font-weight:700;line-height:1.3;color:#FFFFFF}
.gabriela-citacao figcaption{margin-top:16px;font-size:15px;font-weight:600;color:var(--texto-sobre-vibrante)}

/* Chamado contextual nas páginas de Informações */
.cta-contexto{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;padding:24px 28px;box-sizing:border-box;border-radius:var(--raio-card);background:var(--fundo-vibrante)}
.cta-contexto-texto{flex:1 1 320px}
.cta-contexto-titulo{margin:0 0 4px;font-family:'Bricolage Grotesque',Georgia,serif;font-size:21px;font-weight:700;line-height:1.25;color:#FFFFFF}
.cta-contexto .texto{margin:0;color:var(--texto-sobre-vibrante)}
.cta-contexto .btn-acao{width:auto}

/* Hub de assuntos: o último card sozinho na linha ocupa a largura toda, em formato horizontal */
@media (min-width:1024px){
  .assuntos-grade>:last-child:nth-child(3n+1){grid-column:1/-1}
  .assuntos-grade>:last-child:nth-child(3n+1) .assunto-cartao{display:flex;flex-direction:row}
  .assuntos-grade>:last-child:nth-child(3n+1) .assunto-miniatura{width:42%;height:auto;aspect-ratio:auto;object-fit:cover;flex-shrink:0}
}
@media (min-width:640px) and (max-width:1023px){.assuntos-grade>:last-child:nth-child(2n+1){grid-column:1/-1}}

/* Microinterações (só sem "reduzir movimento") */
@media (prefers-reduced-motion:no-preference){
  details[open]>*:not(summary){animation:gc-aparecer .22s ease both}
  .ajuda-linha .seta{transition:transform .2s ease}
  .ajuda-linha:hover .seta,.ajuda-linha:focus-visible .seta{transform:translateX(3px)}
  .ajuda-card:focus-within,.passo:focus-within{transform:translateY(-2px)}
  a:focus-visible>.cartao{transform:translateY(-2px)}
}