/* seachegue.com — LP de captação de hospedagens do Achegar.
   Composição clonada da InfinitePay (texto à esquerda, mídia grande sangrando à direita, palavra que troca no título,
   bloco de demonstração ao vivo sob o texto, prova curta na dobra) na identidade Varanda do Achegar (docs/DESIGN.md). */
:root {
  --base: #FFFDF8; --papel: #FFFFFF; --cafe: #2A1E17; --cafe-2: #3D2F26; --apoio: #6E5F52;
  --buriti: #C2410C; --buriti-escuro: #A8370A; --palha: #4E6B3A; --palha-clara: #EDF1E3;
  --areia: #F3EBDD; --areia-2: #E6D9C3; --fio: #D9C8A9; --campo-fio: #9B845F;
  --sombra: 0 1px 2px rgba(42,30,23,.06), 0 8px 24px -12px rgba(42,30,23,.22);
  --sombra-2: 0 2px 6px rgba(42,30,23,.08), 0 24px 60px -24px rgba(42,30,23,.35);
  --serif: 'Literata', Georgia, 'Times New Roman', serif;
  --sans: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fs-h1: clamp(2.3rem, 1.55rem + 3.3vw, 4.25rem);
  --fs-h2: clamp(1.75rem, 1.3rem + 2vw, 3rem);
  --fs-h3: clamp(1.125rem, 1.02rem + .45vw, 1.375rem);
  --fs-corpo: clamp(1rem, .96rem + .2vw, 1.125rem);
  --sp-sec: clamp(3rem, 2rem + 4.5vw, 6.5rem);
  --shell: 76rem; --gutter: clamp(1rem, .5rem + 2.2vw, 2.5rem);
  --nav-h: 4.5rem; --ease: cubic-bezier(.22,1,.36,1);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--nav-h) + 1rem); }
body { margin: 0; background: var(--base); color: var(--cafe); font: 400 var(--fs-corpo)/1.6 var(--sans); overflow-wrap: break-word; -webkit-font-smoothing: antialiased; }
img, video, svg { display: block; max-width: 100%; }
a { color: inherit; }
h1, h2, h3 { font-family: var(--serif); font-weight: 560; line-height: 1.1; letter-spacing: -.016em; margin: 0; text-wrap: balance; }
p { margin: 0; text-wrap: pretty; }
.shell { width: min(100% - 2 * var(--gutter), var(--shell)); margin-inline: auto; }
.leitura { max-width: 62ch; }
.pular { position: absolute; left: -999px; top: 0; } .pular:focus { left: 1rem; z-index: 99; background: var(--papel); padding: .75rem 1rem; border-radius: 12px; }
/* grão do fundo (seção 12 da doutrina): no body, sutil, fora de texto e foto */
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0; opacity: .045;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"); }
main, header, footer { position: relative; z-index: 1; }

/* ---------- botões ---------- */
.botao { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 48px; padding: .75rem 1.4rem;
  border-radius: 999px; font: 600 1rem/1.1 var(--sans); text-decoration: none; white-space: nowrap; border: 1.5px solid transparent;
  transition: transform .16s var(--ease), box-shadow .2s var(--ease), background-color .2s; }
.botao--acao { background: var(--buriti); color: #fff; box-shadow: 0 10px 24px -12px rgba(194,65,12,.8); }
.botao--contorno { border-color: var(--cafe); color: var(--cafe); background: transparent; }
.botao--claro { background: var(--papel); color: var(--cafe); }
.botao:active { transform: scale(.98); }
.botao svg { width: 18px; height: 18px; }
@media (hover: hover) and (pointer: fine) {
  .botao--acao:hover { background: var(--buriti-escuro); transform: translateY(-1px); box-shadow: 0 16px 30px -14px rgba(168,55,10,.85); }
  .botao--contorno:hover { background: var(--cafe); color: var(--base); }
  .botao--claro:hover { transform: translateY(-1px); }
}
.botao:focus-visible, a:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid var(--buriti); outline-offset: 3px; }
.par { display: flex; flex-wrap: wrap; gap: .625rem; }
.par > .botao { flex: 1 1 9rem; }
@media (min-width: 48rem) { .par > .botao { flex: 0 0 auto; } }

/* ---------- topo ---------- */
.topo { position: fixed; inset: 0 0 auto; z-index: 50; height: var(--nav-h); display: flex; align-items: center;
  transition: background-color .3s, box-shadow .3s, transform .3s var(--ease); }
.topo .shell { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-radius: 999px;
  transition: background-color .3s, box-shadow .3s, padding .3s var(--ease); }
.topo__marca img { height: 34px; width: auto; }
.topo__menu { display: none; gap: 1.75rem; list-style: none; margin: 0; padding: 0; }
.topo__menu a { text-decoration: none; font-weight: 500; font-size: .98rem; color: var(--cafe-2); min-height: 44px; display: inline-flex; align-items: center; }
.topo__acoes { display: flex; gap: .5rem; align-items: center; }
.topo__acoes .botao { min-height: 44px; padding: .55rem 1.1rem; font-size: .95rem; }
/* no topo a barra é estendida e transparente; ao rolar, o miolo vira cápsula (padrão da casa, portão topo-capsula) */
.topo.rolou .shell { width: min(100% - 1rem, 64rem); padding: .3rem .3rem .3rem 1rem; background: rgba(255,253,248,.9);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: 0 0 0 1px var(--areia-2), 0 10px 28px rgba(42,30,23,.1); }
@media (min-width: 64rem) {
  /* abas no centro exato da tela: marca e ações dividem as pontas em colunas iguais */
  .topo .shell { display: grid; grid-template-columns: 1fr auto 1fr; }
  .topo__acoes { justify-self: end; }
  /* a cápsula sempre recolhe em relação à barra estendida (em 1024 o teto de 64rem dava a tela inteira) */
  .topo.rolou .shell { width: min(100% - 2 * var(--gutter) - 3rem, 64rem); }
  .topo__menu { display: flex; } .topo__menu a:hover { color: var(--buriti-escuro); } }
@media (max-width: 47.99rem) { .topo__marca img { height: 28px; } .topo__acoes .botao { padding: .5rem .85rem; font-size: .9rem; } .topo__acoes .so-largo { display: none; } }

/* ---------- hero (100svh; texto à esquerda, foto da dona de pousada com o painel na mão à direita) ---------- */
.heroi { min-height: 100svh; display: grid; padding-top: var(--nav-h);
  /* luz de fim de tarde de ponta a ponta: buriti no canto da foto, palha do lado do texto */
  background: radial-gradient(70% 60% at 88% 18%, rgba(194,65,12,.09), transparent 70%),
    radial-gradient(60% 55% at 4% 92%, rgba(78,107,58,.07), transparent 70%), var(--base); }
.heroi__grade { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; align-content: space-evenly; padding-block: 1rem 1.25rem; }
.heroi__texto { display: grid; gap: 1rem; align-content: center; }
.selo { justify-self: start; display: inline-flex; align-items: center; gap: .5rem; padding: .35rem .8rem; border-radius: 999px;
  background: var(--palha-clara); color: var(--palha); font-weight: 600; font-size: .9rem; }
.selo i { width: 8px; height: 8px; border-radius: 50%; background: var(--palha); box-shadow: 0 0 0 4px rgba(78,107,58,.18); }
.heroi h1 { font-size: var(--fs-h1); line-height: 1.04; }
.troca { display: inline-grid; vertical-align: bottom; color: var(--buriti); font-style: italic; }
.troca > span { grid-area: 1 / 1; transition: opacity .5s var(--ease), transform .5s var(--ease); }
.troca > span:not(.ativa) { opacity: 0; transform: translateY(.35em); }
.js-ok .troca > span.saiu { opacity: 0; transform: translateY(-.35em); }
.heroi__apoio { color: var(--cafe-2); max-width: 34rem; }
.conta-viva { display: grid; gap: .5rem; max-width: 32rem; }
.bolha { justify-self: start; display: inline-flex; flex-wrap: wrap; gap: .25rem .5rem; align-items: baseline; padding: .6rem .9rem; border-radius: 14px;
  background: var(--papel); box-shadow: var(--sombra); font-size: .95rem; }
.bolha--fim { justify-self: end; background: var(--cafe); color: #FFF7EE; }
.bolha b { font-variant-numeric: lining-nums tabular-nums; }
.bolha .verde { color: var(--palha); font-weight: 700; }
.js-ok .conta-viva .bolha { opacity: 0; transform: translateY(10px); transition: opacity .45s var(--ease), transform .45s var(--ease); }
.js-ok .conta-viva .bolha.on { opacity: 1; transform: none; }
.prova { display: flex; flex-wrap: wrap; gap: .35rem 1rem; color: var(--apoio); font-size: .92rem; list-style: none; padding: 0; margin: 0; }
.prova li { display: inline-flex; align-items: center; gap: .4rem; }
.prova li::before { content: ""; width: 14px; height: 8px; border-left: 2px solid var(--palha); border-bottom: 2px solid var(--palha); transform: rotate(-45deg) translateY(-2px); }
.heroi__midia { position: relative; border-radius: 22px; overflow: hidden; min-height: 300px; background: var(--areia); }
.heroi__midia img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 63% 42%; }
.heroi__legenda { position: absolute; left: 1rem; bottom: 1rem; right: 1rem; color: #fff; font: 560 clamp(1.25rem, 1rem + 1.4vw, 2.35rem)/1.1 var(--serif);
  text-shadow: 0 1px 2px rgba(20,12,8,.55), 0 2px 18px rgba(20,12,8,.5); }
/* véu só no pé da foto, forte o bastante para a legenda branca passar de 4,5:1 sobre qualquer trecho */
.heroi__midia::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(20,12,8,0) 48%, rgba(20,12,8,.5) 72%, rgba(20,12,8,.82)); }
.heroi__legenda { z-index: 1; }
@media (max-width: 47.99rem) {
  .heroi__grade { display: flex; flex-direction: column; gap: 1rem; }
  .heroi__midia { flex: 1 1 auto; min-height: 260px; }
  .heroi__apoio, .conta-viva { display: none; }
  .heroi h1 { font-size: clamp(2.1rem, 1.4rem + 3.4vw, 2.6rem); }
}
@media (min-width: 48rem) and (max-width: 63.99rem) { .heroi__midia { min-height: 46svh; } }
@media (min-width: 64rem) {
  .heroi { padding-top: 0; }
  .heroi__grade { width: 100%; max-width: none; margin: 0; grid-template-columns: minmax(0, 1fr) minmax(0, 1.04fr); gap: clamp(2rem, 4vw, 4.5rem);
    padding: calc(var(--nav-h) + 1.5rem) 0 1.5rem max(var(--gutter), (100% - var(--shell)) / 2); align-content: stretch; }
  .heroi__midia { border-radius: 26px 0 0 26px; min-height: 0; }
  .heroi__texto { padding-block: 1rem; }
}

/* ---------- seções ---------- */
.secao { padding-block: var(--sp-sec); }
.cabeca { display: grid; gap: .85rem; margin-bottom: clamp(1.75rem, 1rem + 2.5vw, 3rem); }
.cabeca h2 { font-size: var(--fs-h2); }
.cabeca p { color: var(--cafe-2); max-width: 60ch; }
.cabeca--centro { text-align: center; justify-items: center; }
.olho { font-weight: 600; color: var(--buriti-escuro); font-size: .98rem; }
em.pendurado { font-style: italic; color: var(--buriti); position: relative; white-space: nowrap; }
em.pendurado::after { content: ""; position: absolute; left: 2%; right: 2%; bottom: -.12em; height: .3em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M3 4 Q100 26 197 4' fill='none' stroke='%23C2410C' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='3' cy='4' r='3' fill='%23C2410C'/%3E%3Ccircle cx='197' cy='4' r='3' fill='%23C2410C'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }

/* painel de verdade (vídeo gravado do sistema) + passos */
.tela-real { position: relative; border-radius: 20px; overflow: hidden; background: var(--areia); box-shadow: var(--sombra-2); border: 1px solid var(--areia-2); aspect-ratio: 1280 / 804; }
.tela-real video, .tela-real img { width: 100%; height: 100%; object-fit: cover; }
.tela-real figcaption { position: absolute; left: .75rem; bottom: .75rem; background: rgba(42,30,23,.82); color: #FFF7EE; font-size: .82rem; padding: .3rem .65rem; border-radius: 999px; }
.passos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .625rem; list-style: none; padding: 0; margin: 1.25rem 0 0; counter-reset: p; }
.passos li { background: var(--papel); border: 1px solid var(--areia-2); border-radius: 16px; padding: .85rem .75rem; display: grid; gap: .3rem; align-content: start; counter-increment: p; }
.passos li::before { content: counter(p); width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--buriti); color: #fff; font: 600 .95rem/1 var(--sans); }
.passos h3 { font-size: var(--fs-h3); }
.passos p { color: var(--apoio); font-size: .95rem; }
@media (max-width: 47.99rem) { .passos p { display: none; } .passos h3 { font-size: 1rem; } }
@media (min-width: 48rem) { .passos { gap: 1rem; } .passos li { padding: 1.25rem; } }

/* calculadora */
.calc { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; background: var(--papel); border: 1px solid var(--areia-2); border-radius: 22px; padding: clamp(1rem, .6rem + 1.6vw, 2rem); box-shadow: var(--sombra); }
.campos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; align-content: start; }
.campo { display: grid; gap: .3rem; align-content: start; }
.campo label { font-weight: 600; font-size: .92rem; }
.campo small { color: var(--apoio); font-size: .82rem; }
.campo input, .campo select { width: 100%; min-height: 48px; font: 500 1rem var(--sans); color: var(--cafe); background: var(--base); border: 1.5px solid var(--campo-fio); border-radius: 12px; padding: .6rem .75rem; }
.campo--largo { grid-column: 1 / -1; }
.resultado { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.caixa { border-radius: 16px; padding: 1rem; display: grid; gap: .2rem; align-content: start; background: var(--areia); }
.caixa--achegar { background: var(--palha-clara); }
.caixa span { font-size: .9rem; color: var(--cafe-2); }
.caixa b { font: 600 clamp(1.4rem, 1.1rem + 1.2vw, 2.2rem)/1.1 var(--serif); font-variant-numeric: lining-nums tabular-nums; }
.caixa--achegar b { color: var(--palha); }
.caixa small { color: var(--apoio); font-size: .85rem; }
.diferenca { grid-column: 1 / -1; background: var(--cafe); color: #FFF7EE; border-radius: 16px; padding: 1rem 1.1rem; display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem .75rem; }
.diferenca b { font: 600 clamp(1.6rem, 1.2rem + 1.6vw, 2.6rem)/1 var(--serif); color: #FFD2B5; font-variant-numeric: lining-nums tabular-nums; }
.fonte { color: var(--apoio); font-size: .85rem; margin-top: .75rem; }
.fonte a { color: var(--buriti-escuro); }
@media (min-width: 64rem) { .calc { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 2rem; } }

/* comissão: 3 lado a lado, o do meio domina (doutrina seção 8) */
.taxas { display: grid; grid-template-columns: 1fr 1.18fr 1fr; gap: .5rem; align-items: center; }
.taxa { background: var(--papel); border: 1px solid var(--areia-2); border-radius: 18px; padding: 1rem .6rem; text-align: center; display: grid; gap: .35rem; justify-items: center; transform: scale(.965); }
.taxa b { font: 600 clamp(2rem, 1.3rem + 3vw, 4rem)/1 var(--serif); font-variant-numeric: lining-nums tabular-nums; }
.taxa span { font-size: .9rem; color: var(--cafe-2); line-height: 1.35; }
.taxa--meio { position: relative; transform: none; background: var(--cafe); color: #FFF7EE; border-color: var(--cafe); padding-block: 1.6rem 1.3rem; box-shadow: var(--sombra-2); }
.taxa--meio span { color: #F1E4D4; }
.taxa--meio b { color: #FFD2B5; }
.taxa--meio .etiqueta { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); background: var(--buriti); color: #fff; font-size: .78rem; font-weight: 600; padding: .25rem .6rem; border-radius: 999px; white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { .taxa { transform: none; } }
@media (min-width: 48rem) { .taxas { gap: 1rem; } .taxa { padding: 1.75rem 1.25rem; } .taxa--meio { padding-block: 2.4rem 2rem; } }

/* dividido: texto + imagem */
.dividido { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(1.25rem, 1rem + 2vw, 3rem); align-items: center; }
.foto { border-radius: 22px; overflow: hidden; box-shadow: var(--sombra-2); aspect-ratio: 3 / 2; background: var(--areia); }
.foto img { width: 100%; height: 100%; object-fit: cover; }
.duas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .625rem; margin-top: 1.25rem; }
.cartao { background: var(--papel); border: 1px solid var(--areia-2); border-radius: 16px; padding: 1rem; display: grid; gap: .4rem; align-content: start; height: 100%; }
.cartao h3 { font-size: var(--fs-h3); }
.cartao p { color: var(--apoio); font-size: .95rem; }
.cartao .marca-linha { font-weight: 700; color: var(--palha); font-size: .85rem; }
@media (min-width: 64rem) { .dividido { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .dividido--inverte > :first-child { order: 2; } }

/* o que não exige: 2 col no celular, 3 no computador */
.sem { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .625rem; list-style: none; padding: 0; margin: 0; }
.sem li { background: var(--papel); border: 1px solid var(--areia-2); border-radius: 16px; padding: 1rem; display: grid; gap: .3rem; align-content: start; }
.sem b { font: 560 1.08rem/1.2 var(--serif); }
.sem span { color: var(--apoio); font-size: .92rem; }
@media (max-width: 47.99rem) { .sem span { display: none; } }
@media (min-width: 48rem) { .sem { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } .sem li { padding: 1.4rem; } }

/* fundador: foto da pousada de ponta a ponta com véu reto */
.fundador { position: relative; color: #FFF7EE; overflow: clip; border-radius: 0; }
.fundador__fundo { position: absolute; inset: 0; }
.fundador__fundo img { width: 100%; height: 100%; object-fit: cover; }
.fundador__fundo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(27,20,16,.9) 0%, rgba(27,20,16,.72) 50%, rgba(27,20,16,.25) 100%); }
.fundador .shell { position: relative; display: grid; gap: 1rem; justify-items: start; }
.fundador .numeros { margin: .5rem 0; width: 100%; }
.fundador h2 { font-size: var(--fs-h2); max-width: 18ch; }
.fundador p { color: #F1E4D4; max-width: 46ch; }
.numeros { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .625rem; margin: 1.5rem 0; max-width: 40rem; }
.numeros div { border: 1px solid rgba(255,247,238,.28); border-radius: 16px; padding: .85rem .6rem; text-align: center; background: rgba(27,20,16,.35); backdrop-filter: blur(4px); }
.numeros b { display: block; font: 600 clamp(1.8rem, 1.2rem + 2.4vw, 3.2rem)/1 var(--serif); color: #FFD2B5; font-variant-numeric: lining-nums tabular-nums; }
.numeros span { font-size: .85rem; color: #F1E4D4; }
@media (max-width: 47.99rem) { .fundador__fundo::after { background: linear-gradient(180deg, rgba(27,20,16,.78), rgba(27,20,16,.9)); } }

/* FAQ */
.faq { display: grid; grid-template-columns: minmax(0, 1fr); gap: .625rem; }
.pergunta { background: var(--papel); border: 1px solid var(--areia-2); border-radius: 16px; }
.pergunta summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1rem 1.1rem; min-height: 56px; font: 560 1.05rem/1.3 var(--serif); }
.pergunta summary::-webkit-details-marker { display: none; }
.pergunta summary::after { content: "+"; flex: none; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--areia); color: var(--buriti-escuro); font: 500 1.3rem/1 var(--sans); transition: transform .25s var(--ease); }
.pergunta[open] summary::after { transform: rotate(45deg); }
.pergunta p { padding: 0 1.1rem 1.1rem; color: var(--cafe-2); }
.pergunta[hidden] { display: none; }
.ver-mais { display: flex; justify-content: center; margin-top: 1.25rem; }
@media (min-width: 48rem) { .faq { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 1rem; } }

/* CTA final */
.final { position: relative; overflow: clip; color: #fff; text-align: center; }
.final__fundo { position: absolute; inset: 0; }
.final__fundo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%; }
.final__fundo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(27,20,16,.55), rgba(27,20,16,.82)); }
.final .shell { position: relative; display: grid; gap: 1rem; justify-items: center; padding-block: clamp(4rem, 3rem + 6vw, 8rem); }
.final h2 { font-size: var(--fs-h2); max-width: 20ch; }
.final p { color: #F6EDE3; max-width: 50ch; }
.final .par { justify-content: center; width: min(100%, 26rem); }
.final .botao--contorno { border-color: #fff; color: #fff; }
@media (hover: hover) and (pointer: fine) { .final .botao--contorno:hover { background: #fff; color: var(--cafe); } }
.ja-tem { font-size: .92rem; color: var(--apoio); }
.ja-tem a { color: var(--buriti-escuro); font-weight: 600; display: inline-flex; min-height: 44px; align-items: center; }

/* rodapé */
.rodape { background: var(--areia); border-top: 1px solid var(--areia-2); padding-block: 2.5rem 1.5rem; font-size: .95rem; }
.rodape__grade { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.rodape__marca { grid-column: 1 / -1; display: grid; gap: .6rem; align-content: start; }
@media (max-width: 47.99rem) { .rodape__grade > div:last-child { grid-column: 1 / -1; } .rodape__grade > div:last-child ul { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.5rem; } }
.rodape__marca img { height: 34px; width: auto; }
.rodape h3 { font: 600 .95rem/1.2 var(--sans); margin-bottom: .5rem; }
.rodape ul { list-style: none; margin: 0; padding: 0; display: grid; }
.rodape ul a { text-decoration: none; color: var(--cafe-2); display: inline-flex; min-height: 44px; align-items: center; }
.rodape ul a:hover { color: var(--buriti-escuro); }
.base-rodape { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .75rem 1.5rem; border-top: 1px solid var(--areia-2); margin-top: 1.5rem; padding-top: 1.25rem; color: var(--apoio); font-size: .88rem; }
.assinatura { display: inline-flex; align-items: center; gap: .45rem; text-decoration: none; color: var(--apoio); min-height: 44px; }
.assinatura svg { width: 16px; height: 16px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
@media (min-width: 48rem) { .rodape__grade { grid-template-columns: 1.4fr repeat(3, minmax(0, 1fr)); } .rodape__marca { grid-column: auto; } }

/* página por intenção */
.intencao { padding-top: calc(var(--nav-h) + clamp(2rem, 1rem + 4vw, 4rem)); }
.migalha { font-size: .9rem; color: var(--apoio); margin-bottom: 1rem; display: flex; gap: .4rem; flex-wrap: wrap; }
.migalha a { color: var(--buriti-escuro); }
.texto-longo { display: grid; gap: 1rem; }
.texto-longo h2 { font-size: clamp(1.4rem, 1.1rem + 1.2vw, 2rem); margin-top: 1rem; }
.texto-longo ul { margin: 0; padding-left: 1.2rem; display: grid; gap: .4rem; }
.tabela-box table { width: 100%; border-collapse: collapse; background: var(--papel); border-radius: 16px; overflow: hidden; border: 1px solid var(--areia-2); }
.tabela-box th, .tabela-box td { padding: .75rem .9rem; text-align: left; border-bottom: 1px solid var(--areia-2); font-size: .95rem; }
.tabela-box th { background: var(--areia); font-weight: 600; }
@media (max-width: 47.99rem) {
  .tabela-box table, .tabela-box tbody { display: block; }
  .tabela-box thead { display: none; }
  .tabela-box tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--areia-2); }
  .tabela-box tr > :first-child { grid-column: 1 / -1; font-weight: 700; background: var(--areia); }
  .tabela-box td { border: 0; display: grid; gap: .1rem; font-size: .9rem; }
  .tabela-box td[data-rotulo]::before { content: attr(data-rotulo); font-size: .75rem; color: var(--apoio); }
}

/* revelar ao entrar (kit responsivo-de-cara) */
.js-ok .revelar { opacity: 0; transform: translateY(16px); transition: opacity .4s var(--ease), transform .4s var(--ease); transition-delay: calc(var(--i, 0) * 60ms); }
.js-ok .revelar.visto { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .js-ok .revelar { transform: none; transition: opacity .2s linear; }
  .troca > span, .js-ok .conta-viva .bolha { transition: opacity .2s linear; transform: none !important; }
  html { scroll-behavior: auto; }
}