/* Fontes self-hosted, subset apenas com os caracteres que a pagina usa.
   43KB no total contra 394KB do Google Fonts, sem DNS/TLS externo e sem CSS bloqueante. */
@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-var.woff2) format('woff2-variations')}


@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;
  src:url(/fonts/playfair-700.woff2) format('woff2')}

:root{
  --bg:#0a0806; --surface:#141009; --surface-2:#1b150c;
  --ink:#f5efe2; --muted:#b8ab92;
  --border:rgba(212,165,58,.12); --border-strong:rgba(212,165,58,.22);
  --gold-100:#f6dc9a; --gold-300:#f2c569; --gold-500:#d4a53a; --gold-700:#9a7526;
  --serif:"Playfair Display",Georgia,serif;
  --radius:18px;
  --maxw:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html:not(.js) .reveal{opacity:1;transform:none}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;line-height:1.5;
}
img,svg{max-width:100%;display:block}
/* <picture> vira transparente no layout: as regras de posicionamento
   continuam valendo pro <img> filho, sem wrapper extra atrapalhando */
picture{display:contents}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
section{padding:72px 0}
@media (max-width:720px){section{padding:48px 0}}

h1,h2,h3{font-family:var(--serif);font-weight:700;letter-spacing:-.01em;margin:0 0 .5em}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
.muted{color:var(--muted)}

.ouro{
  background:linear-gradient(180deg,#f6dc9a 0%,#d4a53a 55%,#a87e28 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
em.ouro{font-style:normal}

.filete{width:64px;height:2px;background:linear-gradient(90deg,var(--gold-500),transparent);margin:20px 0 0}
.filete.centro{margin:20px auto 0}

.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--gold-300);
  background:rgba(212,165,58,.09);border:1px solid var(--border-strong);
  padding:6px 14px;border-radius:999px;margin-bottom:18px;
}

/* ---------- botao ouro metalico ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:18px 32px;border-radius:999px;font-weight:700;font-size:16px;
  background:linear-gradient(180deg,#f0c565,#c9992f);color:#1b1305;
  border:0;cursor:pointer;min-height:56px;
  box-shadow:0 8px 28px -10px rgba(212,165,58,.6), inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .15s ease, box-shadow .15s ease;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 34px -10px rgba(212,165,58,.75), inset 0 1px 0 rgba(255,255,255,.4)}
.btn:active{transform:translateY(0)}
.btn-block{width:100%}
.microcopy{font-size:12px;color:var(--muted);margin-top:10px}

/* ---------- header ---------- */
.header{
  position:fixed;top:0;left:0;right:0;z-index:50;height:64px;
  background:rgba(10,8,6,.96);border-bottom:1px solid var(--border);
}
.header-inner{max-width:var(--maxw);margin:0 auto;height:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between}
.logo-link{display:flex;align-items:center}
.logo{height:52px;width:auto;object-fit:contain;mix-blend-mode:screen;filter:saturate(1.15) contrast(1.06)}
@media (max-width:720px){.logo{height:42px}}
.header .btn{min-height:40px;padding:0 22px;font-size:14px}
@media (max-width:720px){
  .header{height:56px}
  .header-inner{justify-content:center}
  .header .btn{display:none}
}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;min-height:92vh;display:flex;align-items:center;padding:0;background:var(--bg)}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a0806 0%,rgba(10,8,6,.9) 40%,rgba(10,8,6,.35) 66%,rgba(10,8,6,.15) 100%)}
/* halo quente atras do Pastor: faz a figura nascer do fundo em vez de flutuar recortada */
.hero-halo{
  position:absolute;right:0;bottom:0;width:52%;height:92%;z-index:0;pointer-events:none;
  background:radial-gradient(46% 52% at 62% 62%, rgba(212,165,58,.16), rgba(212,165,58,.05) 45%, transparent 72%);
}
.hero-pastor{
  position:absolute;right:1vw;bottom:0;height:82%;width:auto;z-index:1;
  object-fit:contain;object-position:bottom right;
  filter:drop-shadow(0 30px 70px rgba(0,0,0,.8)) drop-shadow(-18px 0 50px rgba(212,165,58,.14));
  /* fade em duas direcoes: dissolve na base e na borda direita, sem corte seco */
  -webkit-mask-image:linear-gradient(180deg,#000 46%,rgba(0,0,0,.55) 78%,transparent 100%),
                     linear-gradient(270deg,#000 72%,rgba(0,0,0,.5) 90%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(180deg,#000 46%,rgba(0,0,0,.55) 78%,transparent 100%),
             linear-gradient(270deg,#000 72%,rgba(0,0,0,.5) 90%,transparent 100%);
  mask-composite:intersect;
  pointer-events:none;
}
@media (max-width:1200px){.hero-pastor{right:-2vw;height:72%}.hero-halo{width:60%}}
.hero-inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:18vh 20px 96px;width:100%}
.hero-text{max-width:640px}
.hero .atrib{font-size:14px;color:var(--gold-300);margin:0 0 14px;font-weight:600}
.hero h1{font-size:clamp(42px,5.4vw,76px);line-height:1.06;letter-spacing:-.02em;margin-bottom:20px}
.hero h1 em{font-style:normal;background:linear-gradient(180deg,#f6dc9a 0%,#d4a53a 55%,#a87e28 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .sub{font-size:clamp(17px,1.7vw,20px);color:var(--muted);max-width:520px;margin:0 0 18px}
.hero .escassez{font-size:14px;color:var(--gold-300);margin:0 0 26px}
.trust-line{display:flex;align-items:center;gap:8px;margin-top:22px;font-size:14px;color:var(--muted)}
.trust-line svg{width:16px;height:16px;color:var(--gold-500);flex:none}
@media (max-width:900px){
  .hero{min-height:auto;display:block}
  .hero-img{position:relative;height:34vh;object-position:center 25%}
  /* mobile: o Pastor divide a faixa com a cena, entao precisa dissolver na
     esquerda (onde encontra o carro), na base e na borda direita da tela */
  .hero-pastor{
    height:34vh;right:0;bottom:auto;top:0;opacity:1;
    -webkit-mask-image:linear-gradient(180deg,#000 58%,rgba(0,0,0,.5) 86%,transparent 100%),
                       linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 14%,#000 34%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(180deg,#000 58%,rgba(0,0,0,.5) 86%,transparent 100%),
               linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 14%,#000 34%);
    mask-composite:intersect;
  }
  .hero-halo{width:80%;height:34vh;top:0;bottom:auto}
  .hero-shade{background:linear-gradient(0deg,#0a0806 0%,rgba(10,8,6,.35) 45%,transparent)}
  .hero-inner{padding:34px 20px 56px}
  .hero h1{font-size:clamp(27px,7.4vw,42px);line-height:1.15}
  .hide-mobile{display:none}
}

/* ---------- secoes: cabecalho padrao ---------- */
.section-head{text-align:center;max-width:680px;margin:0 auto 52px}
.section-head h2{font-size:clamp(32px,4.2vw,54px)}
.section-head p{font-size:17px}

/* ---------- problema: editorial numerado ---------- */
.problema-grid{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
.problema-esq{position:sticky;top:120px}
.problema-esq h2{font-size:clamp(32px,4.2vw,54px);text-align:left}
.problema-esq p{font-size:17px}
.problema-item{display:flex;gap:28px;padding:36px 0;border-bottom:1px solid var(--border)}
.problema-item:first-child{padding-top:0}
.problema-num{font-family:var(--serif);font-style:italic;font-size:clamp(40px,4vw,60px);line-height:1;opacity:.85;flex:none;
  background:linear-gradient(180deg,#f6dc9a,#a87e28);-webkit-background-clip:text;background-clip:text;color:transparent}
.problema-item h3{font-family:Inter,sans-serif;font-size:17px;font-weight:600;margin-bottom:8px;letter-spacing:0}
.problema-item p{font-size:15px;color:var(--muted);margin:0}
.problema-glow{position:absolute;top:0;right:0;width:50%;height:60%;pointer-events:none;
  background:radial-gradient(60% 60% at 80% 20%, rgba(212,165,58,.06), transparent 70%)}
@media (max-width:860px){
  .problema-grid{grid-template-columns:1fr;gap:24px}
  .problema-esq{position:static}
  .problema-num{font-size:38px}
}

/* ---------- autoridade ---------- */
.authority{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:center}
.authority-foto{position:relative}
.authority-foto{
  background:radial-gradient(60% 55% at 50% 30%, rgba(212,165,58,.14), transparent 70%);
}
.authority-foto img{
  width:100%;max-height:660px;object-fit:contain;object-position:center bottom;
  filter:drop-shadow(0 20px 50px rgba(0,0,0,.7));
  -webkit-mask-image:linear-gradient(180deg,#000 42%,rgba(0,0,0,.6) 76%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 42%,rgba(0,0,0,.6) 76%,transparent 100%);
}
.authority-legenda{margin-top:18px}
.authority-legenda .nome{font-family:var(--serif);font-size:22px;color:var(--ink)}
.authority-legenda .cargo{font-size:12px;color:var(--gold-500);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}
.authority-texto h3{font-size:clamp(28px,3vw,40px)}
.timeline{margin:28px 0;padding:0;list-style:none;position:relative}
.timeline::before{content:'';position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:rgba(212,165,58,.2)}
.timeline li{position:relative;padding:0 0 26px 32px}
.timeline li:last-child{padding-bottom:0}
.timeline li::before{content:'';position:absolute;left:0;top:6px;width:11px;height:11px;border-radius:50%;
  background:linear-gradient(180deg,#f2c569,#c9992f);box-shadow:0 0 10px rgba(212,165,58,.5)}
.timeline .ato{font-weight:600;font-size:16px;margin-bottom:4px}
.timeline p{font-size:15px;color:var(--muted);margin:0}
@media (max-width:860px){.authority{grid-template-columns:1fr;gap:32px}}

/* ---------- entregas: bento assimetrico ---------- */
.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(180px,auto);gap:16px}
.bento-foto{
  grid-column:span 7;grid-row:span 2;position:relative;border-radius:var(--radius);overflow:hidden;min-height:420px;
}
.bento-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bento-foto .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,6,.15) 0%,rgba(10,8,6,.58) 45%,rgba(10,8,6,.95) 100%)}
.bento-foto .conteudo{position:absolute;left:28px;right:28px;bottom:26px;z-index:2}
.bento-foto h3{font-size:clamp(26px,3vw,38px);margin-bottom:8px}
.bento-foto .linha{font-size:15px;color:var(--ink);margin:0}
.bento-card{
  border-radius:var(--radius);padding:24px;border:1px solid var(--border);
  background:linear-gradient(180deg,rgba(212,165,58,.05),transparent 40%),var(--surface);
  position:relative;overflow:hidden;
}
.bento-b{grid-column:span 5;background:linear-gradient(160deg,#1b150c,#0a0806);border:1px solid var(--border)}
.bento-b .num-fundo{position:absolute;right:12px;top:0;font-family:var(--serif);font-size:96px;font-weight:700;color:rgba(212,165,58,.12);line-height:1}
.bento-s{grid-column:span 5}
.bento-card .ic{width:40px;height:40px;border-radius:10px;background:rgba(212,165,58,.1);display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--gold-500)}
.bento-card h3{font-family:Inter,sans-serif;font-size:17px;font-weight:600;margin-bottom:8px;letter-spacing:0}
.bento-card p{font-size:14px;color:var(--muted);margin:0}
.cta-meio{text-align:center;margin-top:44px}
@media (max-width:860px){
  .bento{display:flex;flex-direction:column}
  .bento-foto{min-height:0;aspect-ratio:4/3}
}

/* ---------- agenda: sobre a foto do evento ---------- */
.agenda{position:relative;overflow:hidden;min-height:680px;padding:88px 0}
.agenda-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.agenda-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,4,.96) 0%,rgba(8,6,4,.88) 48%,rgba(8,6,4,.45) 100%)}
.agenda-inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:0 20px}
.agenda-conteudo{max-width:62%}
.agenda h2{font-size:clamp(32px,4.2vw,54px);text-align:left}
.agenda .sub{font-size:17px;color:var(--muted);margin-bottom:36px}
.dias{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:36px}
.dia .chip{
  display:inline-block;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gold-300);border:1px solid var(--border-strong);border-radius:999px;padding:5px 14px;margin-bottom:14px;
}
.agenda-item{background:rgba(10,8,6,.55);border:1px solid rgba(212,165,58,.15);border-radius:12px;padding:14px 16px;margin-bottom:10px}
.agenda-item .t{font-weight:600;font-size:15px;margin-bottom:4px}
.agenda-item p{font-size:13px;color:rgba(245,239,226,.75);margin:0}
@media (max-width:900px){
  .agenda{min-height:0;padding:0 0 56px}
  .agenda-img{position:relative;height:40vh}
  .agenda-shade{background:linear-gradient(0deg,#0a0806 20%,transparent 70%)}
  .agenda-inner{margin-top:-40px}
  .agenda-conteudo{max-width:100%}
  .dias{grid-template-columns:1fr}
}

/* ---------- accordion objecoes+faq ---------- */
.faq-wrap{max-width:760px;margin:0 auto}
.faq-item{border-bottom:1px solid var(--border);padding:0}
.faq-item summary{
  cursor:pointer;font-weight:600;font-size:16px;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:22px 0;min-height:44px;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';font-size:22px;color:var(--gold-500);transition:transform .2s ease;flex:none}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item .resposta{color:var(--muted);margin:0 0 20px;font-size:15px;display:flex;gap:10px}
.faq-item .resposta svg{flex:none;width:18px;height:18px;color:var(--gold-500);margin-top:2px}
.riscado{text-decoration:line-through;text-decoration-color:var(--gold-500);text-decoration-thickness:2px}

/* ---------- cta final ---------- */
.cta-final{position:relative;overflow:hidden;min-height:90vh;display:flex;align-items:center;padding:88px 0}
.cta-final-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center}
.cta-final-shade{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(10,8,6,.55),#0a0806 78%)}
.cta-final-inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:0 20px;width:100%;text-align:center}
.cta-final h2{font-size:clamp(36px,5vw,64px)}
.cta-final .sub{font-size:17px;color:var(--muted);margin:0 auto 8px;max-width:520px}
.cta-final .escassez{font-size:14px;color:var(--gold-300);margin-bottom:34px}
@media (max-width:720px){.cta-final{min-height:0}.cta-final-shade{background:radial-gradient(ellipse at center,rgba(10,8,6,.92),#0a0806 85%)}}

/* ---------- form card ---------- */
.form-card{
  background:linear-gradient(180deg,rgba(212,165,58,.05),transparent 40%),rgba(20,16,9,.9);
  border:1px solid var(--border-strong);border-radius:20px;padding:30px;
  max-width:460px;margin:0 auto;position:relative;text-align:left;
  box-shadow:0 20px 60px -20px rgba(0,0,0,.6);
}
.form-card h3{font-family:Inter,sans-serif;font-size:20px;font-weight:600;text-align:center;margin-bottom:6px;letter-spacing:0}
.form-card .sub{text-align:center;color:var(--muted);font-size:14px;margin:0 0 22px}
.field{margin-bottom:14px}
.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;font-weight:600}
.field input[type=text],
.field input[type=tel],
.field input[type=email]{
  width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--border-strong);
  background:var(--bg);color:var(--ink);font-size:16px;line-height:1.3;
  font-family:inherit;-webkit-appearance:none;appearance:none;
  transition:border-color .15s ease;
}
.field input::placeholder{color:rgba(184,171,146,.55)}
.field input:focus{outline:none;border-color:var(--gold-500)}
/* autofill do Chrome nao pode voltar o fundo branco */
.field input:-webkit-autofill,
.field input:-webkit-autofill:hover,
.field input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--ink);
  -webkit-box-shadow:0 0 0 1000px var(--bg) inset;
  caret-color:var(--ink);
}
.field .erro{color:#ff9d7a;font-size:13px;margin-top:6px;display:none}
.consent{display:flex;gap:10px;align-items:flex-start;margin:16px 0;font-size:13px;color:var(--muted)}
.consent input{margin-top:3px;accent-color:var(--gold-500)}
.hp{position:absolute;left:-9999px;opacity:0}
.form-msg{margin-top:14px;font-size:14px;text-align:center;min-height:18px}
.form-msg.ok{color:#9fd8a2}
.form-msg.err{color:#ff9d7a}

/* ---------- modal / bottom-sheet ---------- */
.modal-backdrop{
  position:fixed;inset:0;background:rgba(6,4,2,.8);z-index:100;
  display:none;align-items:center;justify-content:center;padding:20px;
}
.modal-backdrop.open{display:flex}
.modal-backdrop .form-card{max-height:90vh;overflow-y:auto;width:100%;background:var(--surface-2)}
.modal-close{
  position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:50%;
  background:var(--surface);border:1px solid var(--border-strong);
  display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);font-size:18px;
}
.modal-close:hover{color:var(--ink);border-color:var(--gold-500)}
.sheet-handle{display:none}
@media (max-width:720px){
  .modal-backdrop{align-items:flex-end;padding:0}
  .modal-backdrop .form-card{max-height:85dvh;border-radius:20px 20px 0 0;max-width:none}
  .sheet-handle{display:block;width:36px;height:4px;border-radius:2px;background:var(--border-strong);margin:0 auto 16px}
}

/* ---------- sticky mobile ---------- */
.sticky-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:60;
  background:rgba(10,8,6,.95);border-top:1px solid var(--border-strong);
  padding:10px 16px calc(10px + env(safe-area-inset-bottom));
  display:none;text-align:center;
}
.sticky-cta .microcopy{font-size:11px;margin-top:6px}
@media (max-width:720px){.sticky-cta{display:block}}

/* ---------- footer ---------- */
footer{padding:48px 20px;border-top:1px solid var(--border);background:#070503;text-align:center}
footer .linha1{display:flex;gap:18px;justify-content:center;margin-bottom:14px;flex-wrap:wrap}
footer .linha1 a{color:var(--gold-300);font-size:13px}
footer .linha1 a:hover{text-decoration:underline}
footer .linha2{font-size:12px;color:var(--muted)}
footer .disclaimer{font-size:11px;color:rgba(184,171,146,.75);margin-top:12px;max-width:640px;margin-left:auto;margin-right:auto}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ---------- pagina obrigado ---------- */
.obrigado{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 20px;
  background:radial-gradient(60% 50% at 50% 20%, rgba(212,165,58,.08), transparent 60%),var(--bg)}
.obrigado-card{max-width:560px;text-align:center}
.obrigado-card .check{width:48px;height:48px;margin:0 auto 24px;color:var(--gold-500)}
.obrigado-card h1{font-size:clamp(30px,4vw,44px)}
.obrigado-card p{color:var(--muted);font-size:16px}


/* ---------- telefone com seletor de pais ---------- */
.tel-wrap{position:relative;display:flex;gap:8px;align-items:stretch}
.pais-btn{
  display:flex;align-items:center;gap:6px;flex:none;
  padding:0 12px;border-radius:12px;cursor:pointer;
  background:var(--surface-2);border:1px solid var(--border-strong);color:var(--ink);
  font-size:14px;font-family:inherit;min-height:52px;
}
.pais-btn:hover{border-color:var(--gold-500)}
.pais-btn .bandeira{font-size:20px;line-height:1}
.pais-btn .ddi{font-weight:600;font-size:14px}
.pais-btn svg{color:var(--muted)}
.tel-wrap input[type=tel]{flex:1;min-width:0}
.pais-lista{
  position:absolute;top:calc(100% + 6px);left:0;z-index:10;
  width:260px;max-height:240px;overflow-y:auto;
  background:var(--surface-2);border:1px solid var(--border-strong);border-radius:12px;
  box-shadow:0 20px 50px -20px rgba(0,0,0,.8);padding:6px;
}
.pais-lista[hidden]{display:none}
.pais-opt{
  display:flex;align-items:center;gap:10px;width:100%;
  padding:10px 12px;border:0;border-radius:8px;cursor:pointer;
  background:transparent;color:var(--ink);font-size:14px;font-family:inherit;text-align:left;
}
.pais-opt:hover{background:rgba(212,165,58,.1)}
.pais-opt .bandeira{font-size:18px}
.pais-opt .nome{flex:1}
.pais-opt .ddi{color:var(--muted);font-size:13px}


/* ---------- pastor no CTA final ---------- */
.cta-final{overflow:hidden}
.cta-final-pastor{
  position:absolute;left:1vw;bottom:0;height:78%;width:auto;z-index:1;
  object-fit:contain;object-position:bottom left;
  filter:drop-shadow(0 24px 60px rgba(0,0,0,.8));
  -webkit-mask-image:linear-gradient(180deg,#000 44%,rgba(0,0,0,.55) 78%,transparent 100%),
                     linear-gradient(90deg,#000 72%,rgba(0,0,0,.5) 90%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(180deg,#000 44%,rgba(0,0,0,.55) 78%,transparent 100%),
             linear-gradient(90deg,#000 72%,rgba(0,0,0,.5) 90%,transparent 100%);
  mask-composite:intersect;
  pointer-events:none;
}
.cta-final-halo{
  position:absolute;left:0;bottom:0;width:46%;height:88%;z-index:0;pointer-events:none;
  background:radial-gradient(44% 50% at 38% 62%, rgba(212,165,58,.14), rgba(212,165,58,.04) 45%, transparent 72%);
}
@media (max-width:1200px){.cta-final-pastor,.cta-final-halo{display:none}}


/* ==========================================================================
   Passe mobile-first: alvos de toque, legibilidade e custo de layout.
   Alturas do contain-intrinsic-size medidas em 390x844 real (nao chutadas):
   a palavra-chave auto faz o browser substituir a estimativa pela altura
   verdadeira depois do primeiro render, entao o desktop nao herda o numero
   do mobile.
   ========================================================================== */

/* Pular layout e paint das secoes longe da viewport. Sozinhas elas somam
   ~7,9 mil px que o primeiro paint nao precisa calcular. */
#problema   {content-visibility:auto;contain-intrinsic-size:auto 1135px}
#autoridade {content-visibility:auto;contain-intrinsic-size:auto 1329px}
#entregas   {content-visibility:auto;contain-intrinsic-size:auto 2000px}
#evento     {content-visibility:auto;contain-intrinsic-size:auto 1950px}
#faq        {content-visibility:auto;contain-intrinsic-size:auto 1365px}

/* Checkbox de 13px e menor que a ponta do dedo. O label ja e clicavel
   inteiro, mas o alvo visual precisa ser mirable. */
.consent{min-height:44px;align-items:center;cursor:pointer}
.consent input{width:20px;height:20px;flex:0 0 20px;margin-top:0}

/* Links do rodape tinham 20px de altura: passam a ter area de 44px sem
   mudar o espacamento visual entre eles. */
footer .linha1{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px}
footer .linha1 a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}

@media (max-width:720px){
  /* Corpo de texto que se le de verdade sobe para 15px: 13px em tela de
     390px cansa e derruba conversao. */
  .agenda-item p,
  .consent,
  .field label,
  .entrega-card p,
  .faq-item p{font-size:15px;line-height:1.55}

  .microcopy{font-size:13px}
  .authority-legenda .cargo{font-size:13px}
  footer .linha1 a{font-size:14px}

  /* 42px estava 2px abaixo do minimo de alvo de toque. */
  .logo{height:44px}
  .logo-link{min-height:44px}

  /* Todo botao e campo com altura de dedo. */
  .btn,.header .btn{min-height:48px}
  .field input,.field select{min-height:48px;font-size:16px}
}

/* A barra fixa de 81px flutua fora do fluxo: sem reservar o espaco ela
   soterrava o disclaimer legal no fim da rolagem. O espaco fica sempre
   reservado (mesmo com a barra oculta) para o CLS continuar zero. */
@media (max-width:720px){
  body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
  /* Entra so depois que o CTA do hero sai de vista: evita dois botoes
     identicos na mesma tela e devolve altura util no primeiro scroll.
     Anima transform, nunca display, para nao empurrar layout. */
  .sticky-cta{
    display:block;
    transform:translateY(110%);
    transition:transform .22s ease;
    will-change:transform;
  }
  .sticky-cta.visivel{transform:translateY(0)}
}
@media (max-width:720px) and (prefers-reduced-motion:reduce){
  .sticky-cta{transition:none}
}

/* A foto de autoridade ocupava 660px: 78% da tela so de imagem antes de
   qualquer argumento. No desktop ela convive ao lado do texto e continua
   inteira; o limite vale so onde a altura e escassa. */
@media (max-width:720px){
  .authority-foto img{max-height:440px}
}