/* Seminário Conexão Conjugal — identidade oficial: preto profundo + ouro metálico + luz âmbar */
@font-face{font-family:"Montserrat";src:url(assets/fonts/Montserrat-VF.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(assets/fonts/PlayfairDisplay-VF.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(assets/fonts/PlayfairDisplay-Italic-VF.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(assets/fonts/CormorantGaramond-Italic-VF.woff2) format("woff2");font-weight:300 700;font-style:italic;font-display:swap}

:root{
  --black:#070605; --black-2:#0f0c09; --black-3:#17120c;
  --gold:#d9a94e; --gold-light:#f6dc9a; --gold-deep:#9a6a22; --amber:#ff9d2e;
  --ink:#f3ece0; --muted:#c9bda8;
  --gold-grad:linear-gradient(180deg,#fff2c9 0%,#f2cf7f 28%,#d39b3e 55%,#a8701f 72%,#f0cd82 100%);
  --sans:"Montserrat",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --script:"Cormorant Garamond","Playfair Display",Georgia,serif;
  --radius:18px; --max:1140px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--black);color:var(--ink);font:400 1rem/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
em{font-style:italic}
:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--gold);color:#000;padding:.6rem 1rem;border-radius:8px;font-weight:700}
.skip:focus{left:8px}
.container{width:min(100% - 2.5rem,var(--max));margin-inline:auto}
.narrow{max-width:760px}

/* ---------- Tipografia ---------- */
.eyebrow{margin:0 0 .6rem;font:600 .74rem/1.2 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.h2{margin:0;font:500 clamp(1.9rem,6vw,3rem)/1.12 var(--serif);color:#fff;letter-spacing:-.01em}
.h2 em{font-family:var(--script);font-weight:500;font-size:1.12em;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:1.1rem;color:var(--ink)}
p{margin:0 0 1rem;color:var(--muted)}
.lead,.hook{color:var(--ink)}
h3{margin:0 0 .35rem;font:600 1.05rem/1.3 var(--sans);color:#fff}

.gold-rule{border:0;height:1px;width:min(220px,60%);margin:1.3rem 0 1.5rem;
  background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold-light) 50%,var(--gold) 80%,transparent);
  box-shadow:0 0 12px rgba(255,190,90,.55);position:relative;overflow:visible}
.gold-rule--center{margin-inline:auto}

/* Logo oficial (wordmark recortado do flyer) — mobile-first */
.brand-logo{margin:0;line-height:0}
.brand-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 22px rgba(255,170,60,.22))}
.brand-logo--hero{width:min(100%,21.5rem);margin-inline:0 auto}
.brand-logo--final{width:min(86%,19rem);margin:0 auto 1.6rem}
@media (min-width:420px){.brand-logo--hero{width:min(100%,24rem)}}

/* ---------- Botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;text-decoration:none;border-radius:999px;
  font:700 1rem/1 var(--sans);letter-spacing:.04em;transition:transform .2s ease,box-shadow .2s ease,background-position .4s ease;cursor:pointer}
.btn svg{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.btn--gold{color:#1a1004;background:linear-gradient(100deg,#b07a26 0%,#f6d891 30%,#fff1c6 48%,#e2b05a 70%,#a8701f 100%);background-size:200% 100%;
  box-shadow:0 0 0 1px rgba(255,225,160,.6) inset,0 10px 30px -8px rgba(255,160,40,.55),0 0 40px -10px rgba(255,180,80,.6)}
.btn--gold:hover{transform:translateY(-2px);background-position:100% 0;box-shadow:0 0 0 1px rgba(255,235,180,.8) inset,0 16px 36px -10px rgba(255,160,40,.7),0 0 55px -8px rgba(255,180,80,.75)}
.btn--ghost{color:var(--gold-light);border:1px solid rgba(233,190,110,.6);background:rgba(10,8,5,.4)}
.btn--ghost:hover{background:rgba(233,190,110,.12)}
.btn--lg{padding:1.15rem 1.6rem;font-size:clamp(.9rem,3.8vw,1.05rem);white-space:nowrap;width:100%;max-width:420px;text-transform:uppercase}
.btn--sm{padding:.65rem 1.1rem;font-size:.82rem}
.microcopy{margin:.9rem 0 0;font-size:.88rem;color:var(--muted)}
.microcopy em{color:var(--gold-light)}

/* ---------- Topbar ---------- */
.topbar{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem}
.topbar__brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;opacity:.85;font:500 .72rem/1.2 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#fff}
.topbar__brand img{width:40px;height:40px}
.topbar__brand span{max-width:9.5rem}
@media (max-width:420px){.topbar__brand span{display:none}}

/* ---------- Hero ---------- */
.hero{position:relative;isolation:isolate;overflow:hidden;padding:0 0 3.5rem;
  background:
    radial-gradient(60% 40% at 15% 8%,rgba(255,170,60,.35),transparent 70%),
    radial-gradient(50% 35% at 90% 55%,rgba(255,140,30,.18),transparent 70%),
    radial-gradient(120% 60% at 50% 100%,#1a1108 0%,transparent 60%),var(--black)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;
  background-image:
    radial-gradient(circle at 12% 30%,rgba(255,190,90,.55) 0 2px,transparent 3px),
    radial-gradient(circle at 78% 18%,rgba(255,200,110,.5) 0 3px,transparent 5px),
    radial-gradient(circle at 88% 72%,rgba(255,170,70,.4) 0 6px,transparent 12px),
    radial-gradient(circle at 30% 82%,rgba(255,180,80,.35) 0 8px,transparent 16px),
    radial-gradient(circle at 60% 40%,rgba(255,210,130,.25) 0 10px,transparent 22px),
    radial-gradient(circle at 5% 65%,rgba(255,160,60,.3) 0 5px,transparent 10px);
  filter:blur(1.5px)}
.hero__streak{position:absolute;z-index:-1;top:-10%;left:-30%;width:120%;height:3px;transform:rotate(28deg);transform-origin:left;
  background:linear-gradient(90deg,transparent,rgba(255,200,120,.0) 10%,rgba(255,215,150,.9) 35%,rgba(255,170,60,.0) 70%);
  filter:blur(1px);box-shadow:0 0 30px 6px rgba(255,160,50,.35);opacity:.8}
.hero__inner{display:grid;gap:0}
.hero__media{position:relative;margin:0;max-height:64vh;overflow:hidden}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;max-height:64vh;
  -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 98%);mask-image:linear-gradient(180deg,#000 55%,transparent 98%)}
.hero__names{position:absolute;left:0;right:0;bottom:15%;display:flex;justify-content:center;align-items:stretch;gap:1.2rem;
  font:400 .98rem/1.2 var(--serif);color:#fff;text-shadow:0 2px 10px #000}
.hero__names span:not(.vr){max-width:9rem}
.hero__names span:first-child{text-align:right}
.vr{width:1px;background:linear-gradient(180deg,transparent,var(--gold),transparent)}
.hero__copy{position:relative;padding:0 1.25rem;margin-top:-1.25rem}
.tagline{margin:1rem 0 0;font:500 clamp(.82rem,3.4vw,1.05rem)/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#fff}
.tagline strong{color:var(--gold-light);font-weight:800}
.hook{font-size:1.08rem;max-width:34rem}
.facts{list-style:none;padding:0;margin:1.5rem 0 1.8rem;display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid rgba(217,169,78,.45);border-radius:var(--radius);background:linear-gradient(180deg,rgba(30,20,8,.75),rgba(10,8,5,.75));
  box-shadow:0 0 30px -12px rgba(255,170,60,.6),inset 0 1px 0 rgba(255,220,150,.15)}
.facts li{display:flex;flex-direction:column;align-items:center;padding:.9rem .3rem;text-align:center;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.facts li+li{border-left:1px solid rgba(217,169,78,.3)}
.facts__big{font:800 1.75rem/1.1 var(--sans);letter-spacing:0;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}

@media (min-width:900px){
  .topbar{padding:1.4rem 2.5rem}
  .hero{padding:0;min-height:100vh;display:flex;align-items:center}
  .hero__inner{width:min(100% - 5rem,var(--max));margin-inline:auto;grid-template-columns:1.05fr .95fr;align-items:center;gap:3rem}
  .hero__copy{order:-1;margin:0;padding:7rem 0 4rem}
  .brand-logo--hero{width:min(100%,29rem);margin-inline:0 auto}
  .hero__media{max-height:none;align-self:end;justify-self:center;width:min(100%,480px)}
  .hero__media img{max-height:92vh;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent),linear-gradient(90deg,transparent,#000 18%);
    -webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#000 60%,transparent),linear-gradient(90deg,transparent,#000 18%);mask-composite:intersect}
  .hero__names{bottom:16%}
  .btn--lg{width:auto}
}

/* ---------- Seções ---------- */
.section{position:relative;padding:5rem 0}
.section + .section{border-top:1px solid rgba(217,169,78,.12)}
.pastoral{text-align:center;background:
  linear-gradient(180deg,var(--black) 0%,rgba(7,6,5,.86) 30%,rgba(7,6,5,.92) 70%,var(--black) 100%),
  url(assets/bokeh-plateia.webp) 30% 40%/cover no-repeat}
.pillars{list-style:none;padding:0;margin:2.5rem 0 2rem;display:grid;gap:1rem;text-align:left}
.pillars li{padding:1.4rem 1.4rem 1.2rem;border-radius:var(--radius);border:1px solid rgba(217,169,78,.28);
  background:linear-gradient(160deg,rgba(40,26,10,.6),rgba(12,9,6,.85));box-shadow:inset 0 1px 0 rgba(255,220,150,.08)}
.pillars svg,.info-card svg,.perks svg{width:40px;height:40px;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 6px rgba(255,170,60,.45));margin-bottom:.6rem;flex:none}
.pillars p{margin:0;font-size:.95rem}
.note{font:italic 500 1.35rem/1.4 var(--script);color:var(--gold-light)}
@media (min-width:760px){.pillars{grid-template-columns:repeat(3,1fr)}}

.when{background:radial-gradient(70% 60% at 100% 0%,rgba(255,150,40,.12),transparent 70%),var(--black-2)}
.info-grid{display:grid;gap:1rem}
.info-card{display:flex;gap:1rem;align-items:flex-start;padding:1.4rem;border-radius:var(--radius);
  border:1px solid rgba(217,169,78,.4);background:linear-gradient(160deg,rgba(36,24,10,.75),rgba(10,8,5,.9));
  box-shadow:0 0 30px -16px rgba(255,170,60,.6)}
.info-card h3{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:.4rem}
.info-card__big{margin:0 0 .3rem;font:600 1.2rem/1.35 var(--sans);color:#fff}
.info-card p:last-child{margin-bottom:0}
address{font-style:normal;color:var(--muted)}
.info-card__links{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin-top:.9rem}
.link-gold{color:var(--gold-light);font-weight:600;font-size:.9rem;text-decoration:none;border-bottom:1px solid rgba(246,220,154,.45);padding-bottom:2px}
.link-gold:hover{border-color:var(--gold-light)}
@media (min-width:760px){.info-grid{grid-template-columns:1fr 1fr}.info-card--wide{grid-column:1/-1}}

.speakers{background:var(--black)}
.speakers__grid{display:grid;gap:2rem;align-items:center}
.speakers__photo{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(217,169,78,.4);
  box-shadow:0 30px 60px -30px rgba(0,0,0,.9),0 0 60px -20px rgba(255,160,50,.45)}
.speakers__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(7,6,5,.75))}
.speakers__photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}
@media (min-width:860px){.speakers__grid{grid-template-columns:.9fr 1.1fr;gap:4rem}}

.offer{overflow:hidden;background:linear-gradient(180deg,var(--black-2),var(--black))}
.offer__glow{position:absolute;left:50%;top:18%;width:min(700px,120vw);aspect-ratio:1;transform:translateX(-50%);
  background:radial-gradient(circle,rgba(255,160,50,.28),rgba(255,140,30,.08) 45%,transparent 68%);pointer-events:none}
.offer__grid{position:relative;display:grid;gap:2.5rem;align-items:center}
.offer__book{display:flex;justify-content:center}
.offer__book img{width:min(300px,72vw);transform:rotate(-4deg);filter:drop-shadow(0 30px 40px rgba(0,0,0,.85)) drop-shadow(0 0 40px rgba(255,170,60,.35));
  animation:float 7s ease-in-out infinite}
@keyframes float{50%{transform:rotate(-3deg) translateY(-10px)}}
.perks{list-style:none;padding:0;margin:0 0 2rem;display:grid;gap:1rem}
.perks li{display:flex;gap:1rem;padding:1.3rem;border-radius:var(--radius);border:1px solid rgba(217,169,78,.45);
  background:linear-gradient(160deg,rgba(44,28,10,.8),rgba(12,9,6,.9));box-shadow:0 0 30px -14px rgba(255,170,60,.7)}
.perks h3{font:800 1.08rem/1.3 var(--sans);text-transform:uppercase;letter-spacing:.06em;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.perks p{margin:0;font-size:.95rem}
.perks em{color:var(--gold-light)}
@media (min-width:860px){.offer__grid{grid-template-columns:.85fr 1.15fr;gap:4rem}.offer__book img{width:360px}.offer__glow{left:28%}}

.final{position:relative;isolation:isolate;overflow:hidden;padding:6rem 0 7rem;text-align:center}
.final__bg{position:absolute;inset:0;z-index:-1;
  background:radial-gradient(60% 50% at 50% 45%,rgba(255,160,50,.30),transparent 70%),
    linear-gradient(180deg,var(--black),rgba(7,6,5,.75) 40%,var(--black)),url(assets/bokeh-plateia.webp) center/cover}
.final__inner{display:flex;flex-direction:column;align-items:center}
.script{font:italic 500 clamp(1.4rem,5vw,1.9rem)/1.3 var(--script);color:var(--gold-light);max-width:30rem;margin-bottom:2rem}
.final__meta{text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;color:#fff;margin-bottom:1.8rem}

.footer{padding:2.5rem 0 6.5rem;border-top:1px solid rgba(217,169,78,.25);background:#050403;text-align:center}
.footer__inner{display:flex;flex-direction:column;align-items:center;gap:.4rem}
.footer img{width:56px;height:56px;opacity:.8;margin-bottom:.6rem}
.footer p{margin:0;font-size:.82rem;letter-spacing:.04em}
.footer__small{font-size:.75rem!important;opacity:.7}
@media (min-width:900px){.footer{padding-bottom:2.5rem}}

/* ---------- Barra fixa (celular) ---------- */
.sticky-cta{position:fixed;left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:50;
  display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem .7rem .7rem 1.1rem;border-radius:999px;
  background:rgba(12,9,6,.92);border:1px solid rgba(217,169,78,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 10px 40px rgba(0,0,0,.6),0 0 30px -10px rgba(255,170,60,.6);
  transform:translateY(150%);opacity:0;transition:transform .35s ease,opacity .35s ease}
.sticky-cta.is-visible{transform:none;opacity:1}
.sticky-cta strong{display:block;font:800 .82rem/1.2 var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--gold-light)}
.sticky-cta span{font-size:.72rem;color:var(--muted)}
@media (min-width:900px){.sticky-cta{display:none}}

/* ---------- Revelação ---------- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}
.facts li>span:last-child{white-space:nowrap}

/* ---------- Formulário de inscrição (#inscricao) ---------- */
.lead-sec{overflow:hidden;scroll-margin-top:0;background:
  radial-gradient(70% 55% at 50% 0%,rgba(255,160,50,.16),transparent 70%),linear-gradient(180deg,var(--black),var(--black-2))}
.lead-sec__glow{position:absolute;left:50%;top:40%;width:min(760px,130vw);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;
  background:radial-gradient(circle,rgba(255,160,50,.20),rgba(255,140,30,.05) 45%,transparent 68%)}
.lead-wrap{position:relative;display:flex;justify-content:center}
.lead-card{width:100%;max-width:560px;padding:2.2rem 1.3rem 1.8rem;border-radius:24px;text-align:center;
  border:1px solid rgba(217,169,78,.5);background:linear-gradient(165deg,rgba(44,28,10,.85),rgba(10,8,5,.95) 60%);
  box-shadow:0 0 0 1px rgba(255,220,150,.06) inset,0 30px 60px -30px rgba(0,0,0,.9),0 0 60px -18px rgba(255,170,60,.55)}
.lead-card__title{font-size:clamp(1.7rem,6vw,2.5rem)}
.lead-card__sub{margin:0 auto 1.6rem;max-width:30rem;color:var(--ink);font-size:.98rem}
.lead-form{display:grid;gap:1rem;text-align:left}
.field{display:grid;gap:.4rem}
.field label{font:600 .72rem/1.2 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.field input{width:100%;min-height:52px;padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(217,169,78,.38);
  background:rgba(5,4,3,.75);color:#fff;font:500 1rem/1.3 var(--sans);transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.field input::placeholder{color:rgba(201,189,168,.45)}
.field input:focus{outline:none;border-color:var(--gold-light);box-shadow:0 0 0 3px rgba(246,220,154,.18),0 0 24px -6px rgba(255,170,60,.6)}
.field input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #120d07 inset;caret-color:#fff}
.field__err{margin:0;min-height:0;font-size:.82rem;color:#ff9c86}
.field__err:empty{display:none}
.field.is-invalid input{border-color:#e0705a;box-shadow:0 0 0 3px rgba(224,112,90,.16)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.lead-form__btn{width:100%;max-width:none;margin-top:.4rem;border:0}
.lead-form__btn:disabled{cursor:progress;opacity:.85;transform:none}
.spinner{display:none;width:1.1em;height:1.1em;border-radius:50%;border:2.5px solid rgba(26,16,4,.25);border-top-color:#1a1004;animation:spin .8s linear infinite}
.lead-form__btn.is-loading .spinner{display:inline-block}
.lead-form__btn.is-loading svg{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
.lead-form__msg{margin:0;text-align:center;font-size:.92rem}
.lead-form__msg:empty{display:none}
.lead-form__msg.is-err{padding:.75rem 1rem;border-radius:12px;color:#ffd3c8;background:rgba(160,50,30,.22);border:1px solid rgba(224,112,90,.5)}
.lead-form__msg.is-ok{color:var(--gold-light)}
.lead-form__privacy{margin:0;text-align:center;font-size:.76rem;opacity:.75}
@media (min-width:760px){.lead-card{padding:3rem 3rem 2.4rem}}