/* Presente ECF. Celular primeiro, letra grande (público 45+), um botão principal por tela.
   Faixa azul-noite no topo; corpo claro com texto escuro para leitura de dia. */
@font-face{font-family:"Anton";src:url(/fontes/Anton-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url(/fontes/BeVietnamPro-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url(/fontes/BeVietnamPro-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url(/fontes/BeVietnamPro-700.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --noite:#061A2E; --noite-2:#0B2747; --azul:#0E4194; --dourado:#D6A64C; --dourado-escuro:#8A6418; --areia:#C9AE88;
  --fundo:#F4F6FA; --cartao:#FFFFFF; --texto:#0F2133; --suave:#4A5A6E; --linha:#D8DFEA; --erro:#B3261E; --ok:#1F6B45;
  --f-titulo:"Anton","Impact","Arial Narrow Bold",sans-serif;
  --f-texto:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --raio:12px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--texto);font:400 20px/1.55 var(--f-texto)}
img{max-width:100%;height:auto;display:block}
a{color:var(--azul)}
:focus-visible{outline:3px solid var(--dourado);outline-offset:3px}
[hidden]{display:none!important}

.conteudo{max-width:620px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}

/* topo */
.topo{background:linear-gradient(180deg,var(--noite) 0%,var(--noite) 70%,var(--noite-2) 100%);color:#fff;padding-block:18px 28px}
.topo .logo{width:150px;margin-bottom:18px}
.eyebrow{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--dourado);margin-bottom:8px}
.eyebrow.escuro{color:var(--dourado-escuro)}
h1,h2{font-family:var(--f-titulo);font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:1.08;margin:0;text-wrap:balance}
h1{font-size:clamp(2.2rem,9vw,3.1rem);color:#fff}
h2{font-size:1.65rem;color:var(--noite)}
.topo p{color:#DCE5F1;margin:14px 0 0}
.heroi{display:grid;grid-template-columns:1fr 92px;gap:16px;align-items:center}
.heroi .capa{width:92px;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.45);justify-self:end}
.heroi h1{font-size:clamp(2rem,8.6vw,3.1rem)}
@media (min-width:560px){.heroi{grid-template-columns:1fr 150px;gap:28px}.heroi .capa{width:150px}}

/* seções */
.secao{padding-block:30px;display:grid;gap:18px}
.secao + .secao{border-top:1px solid var(--linha)}
.secao p{margin:0}
.nota{font-size:.88rem;color:var(--suave);line-height:1.5}

/* botões */
.botao{display:flex;align-items:center;justify-content:center;gap:10px;min-height:62px;width:100%;padding:14px 20px;
  border-radius:var(--raio);font:700 1.05rem/1.25 var(--f-texto);text-align:center;text-decoration:none;cursor:pointer;
  border:2px solid transparent;-webkit-tap-highlight-color:transparent}
.botao.principal{background:var(--dourado);color:var(--noite);box-shadow:0 2px 0 var(--dourado-escuro)}
.botao.principal:active{transform:translateY(1px);box-shadow:none}
.botao.secundario{background:var(--cartao);color:var(--noite);border-color:var(--noite)}
.botao.claro{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.botao svg{width:26px;height:26px;flex:none}
.link-simples{display:block;text-align:center;font-weight:600;padding:10px;font-size:1rem}
.botoes{display:grid;gap:14px}

/* e-mail (details nativo: funciona sem JavaScript para abrir) */
details.porta-email{border-radius:var(--raio)}
details.porta-email > summary{list-style:none}
details.porta-email > summary::-webkit-details-marker{display:none}
details.porta-email[open] > summary{border-bottom-left-radius:0;border-bottom-right-radius:0}
.formulario{background:var(--cartao);border:2px solid var(--noite);border-top:0;border-radius:0 0 var(--raio) var(--raio);padding:20px;display:grid;gap:18px}
.campo{display:grid;gap:6px}
.campo label{font-weight:600;font-size:1rem}
.campo input{font:400 1.1rem/1.3 var(--f-texto);padding:14px 14px;border:2px solid #9AA8BB;border-radius:10px;background:#fff;color:var(--texto);width:100%;min-height:56px}
.campo input:focus{border-color:var(--azul);outline:none;box-shadow:0 0 0 3px rgba(14,65,148,.2)}
.campo .erro,.erro-geral{color:var(--erro);font-weight:600;font-size:.95rem}
.sugestao{background:#FFF6E0;border:1px solid var(--dourado);border-radius:10px;padding:10px 12px;font-size:.98rem}
.sugestao button{font:700 .98rem var(--f-texto);color:var(--azul);background:none;border:0;padding:0 0 0 4px;text-decoration:underline;cursor:pointer}
.consentimento{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;font-size:.95rem;line-height:1.5}
.consentimento input{width:28px;height:28px;margin:2px 0 0;accent-color:var(--azul)}
.isca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* listas */
.noites{list-style:none;margin:0;padding:0;display:grid;gap:0;background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio)}
.noites li{padding:14px 16px;border-bottom:1px solid var(--linha);display:grid;grid-template-columns:34px 1fr;gap:8px;font-size:1rem;line-height:1.4}
.noites li:last-child{border-bottom:0}
.noites b{font-family:var(--f-titulo);font-weight:400;color:var(--dourado-escuro);font-size:1.15rem}
.passos{margin:0;padding-left:1.3em;display:grid;gap:8px;font-size:1rem}

/* cartões do obrigado */
.cartao{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio);padding:20px;display:grid;gap:14px}
.cartao h2{font-size:1.4rem}
.preco{font-weight:700;font-size:1.2rem;font-variant-numeric:tabular-nums}

/* pix */
.valores{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.valores button{min-height:58px;border-radius:10px;border:2px solid var(--noite);background:#fff;font:700 1.05rem var(--f-texto);color:var(--noite);cursor:pointer}
.valores button[aria-pressed="true"]{background:var(--noite);color:#fff}
.codigo-pix{width:100%;font:400 .85rem/1.4 ui-monospace,Menlo,Consolas,monospace;padding:12px;border-radius:10px;border:1px solid var(--linha);background:#F8FAFC;color:var(--texto);resize:none;word-break:break-all}
.qr{display:none;justify-items:center;gap:8px;text-align:center}
.qr svg{width:220px;height:220px;background:#fff;padding:10px;border-radius:8px}
@media (min-width:900px){.qr.ativo{display:grid}}
.confirmacao{color:var(--ok);font-weight:700;text-align:center}

/* aviso e rodapé */
.aviso{background:#EEF2F8;border-left:4px solid var(--azul);border-radius:8px;padding:12px 14px;font-size:.92rem;line-height:1.5}
.rodape{background:var(--noite);color:#B9C6D8;font-size:.85rem;line-height:1.6;padding-block:28px 40px;margin-top:20px}
.rodape a{color:#fff}
.rodape nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:12px}

/* texto longo (privacidade) */
.texto-longo{padding-block:30px;font-size:1.02rem}
.texto-longo h2{font-size:1.35rem;margin:30px 0 10px}
.texto-longo p,.texto-longo li{margin:0 0 12px}
.texto-longo ul{padding-left:1.2em;margin:0 0 12px}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}