:root{
  --imersao-ink:#08080a;
  --imersao-ink-2:#141210;
  --imersao-gold:#f0b429;
  --imersao-gold-deep:#caa02e;
  --imersao-white:#faf7f2;
  --font-caps:'Bebas Neue', 'Inter', sans-serif;
  --font-script:'Playfair Display', Georgia, serif;
  --font-body:'Inter', ui-sans-serif, system-ui, sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body.imersao{
  margin:0; background:var(--imersao-ink); color:var(--imersao-white);
  font-family:var(--font-body); line-height:1.5; -webkit-font-smoothing:antialiased;
}
.wrap{max-width:1100px; margin:0 auto; padding:0 24px;}
img{max-width:100%; display:block;}

/* ---------- Botão voltar ---------- */
.imersao-back-btn{
  position:fixed; top:20px; left:20px; z-index:50;
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(8,8,10,.55); backdrop-filter:blur(6px);
  border:1px solid rgba(250,247,242,.25); border-radius:999px;
  padding:10px 18px; color:var(--imersao-white); text-decoration:none; font-size:14px;
  transition:border-color .2s ease, background .2s ease;
}
.imersao-back-btn svg{width:16px; height:16px;}
.imersao-back-btn:hover{border-color:var(--imersao-gold); background:rgba(8,8,10,.75);}

/* ---------- WhatsApp flutuante ---------- */
.imersao-whatsapp-fab{
  position:fixed; bottom:24px; right:24px; z-index:50;
  width:58px; height:58px; border-radius:50%;
  background:#25D366; color:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 24px rgba(0,0,0,.4);
  transition:transform .2s ease;
}
.imersao-whatsapp-fab svg{width:30px; height:30px;}
.imersao-whatsapp-fab:hover{transform:scale(1.08);}

/* ---------- Hero ---------- */
.imersao-hero{
  position:relative; overflow:hidden; min-height:100vh;
  background-image:url('banner-hero.jpg');
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
.imersao-hero-fx{
  position:absolute; inset:0; z-index:1;
  background:linear-gradient(90deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,.55) 50%, rgba(0,0,0,.2) 100%);
}
.imersao-hero-grid{
  position:relative; z-index:2; padding:100px 24px 72px; display:flex; align-items:center; min-height:100vh;
}
.imersao-pretitle{font-size:15px; letter-spacing:1.5px; text-transform:uppercase; color:var(--imersao-white); opacity:.85; margin:0 0 18px;}
.imersao-pretitle strong{color:var(--imersao-gold);}
.imersao-headline{
  font-family:var(--font-caps); text-transform:uppercase; font-weight:400;
  font-size:clamp(2.8rem,7vw,5.2rem); line-height:1.02; letter-spacing:1px; margin:0 0 20px;
  color:var(--imersao-white); max-width:16ch;
}
.imersao-headline em{
  font-family:var(--font-script); font-style:italic; text-transform:none; letter-spacing:0;
  color:var(--imersao-gold); font-size:1.15em;
}
.imersao-subtitle{font-size:clamp(17px,2.4vw,22px); max-width:38ch; opacity:.92; margin:0 0 36px;}
.imersao-subtitle strong{color:var(--imersao-gold);}
.imersao-cta-row{display:flex; flex-wrap:wrap; gap:16px; align-items:center;}
.btn-imersao-primary{
  display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, var(--imersao-gold), var(--imersao-gold-deep));
  color:var(--imersao-ink); font-weight:700; font-size:16px; letter-spacing:.4px;
  padding:18px 34px; border-radius:8px; text-decoration:none;
  box-shadow:0 8px 26px rgba(240,180,41,.35);
  transition:transform .2s ease, box-shadow .2s ease;
}
.btn-imersao-primary:hover{transform:translateY(-2px); box-shadow:0 12px 30px rgba(240,180,41,.45);}
.btn-imersao-ghost{
  display:inline-flex; align-items:center; justify-content:center;
  background:transparent; border:1px solid rgba(250,247,242,.5); color:var(--imersao-white);
  font-weight:600; font-size:15px; padding:17px 30px; border-radius:8px; text-decoration:none;
  transition:border-color .2s ease, background .2s ease;
}
.btn-imersao-ghost:hover{border-color:var(--imersao-gold); background:rgba(240,180,41,.08);}

/* ---------- Folder ---------- */
.imersao-folder{padding:56px 0 0; text-align:center;}
.imersao-folder img{max-width:420px; margin:0 auto; border-radius:16px; border:1px solid rgba(240,180,41,.3);}

/* ---------- Detalhes do evento ---------- */
.imersao-details{padding:72px 0; background:var(--imersao-ink-2); text-align:center;}
.imersao-date{
  display:inline-block; font-family:var(--font-caps); font-size:15px; letter-spacing:2px;
  text-transform:uppercase; color:var(--imersao-gold); border:1px solid var(--imersao-gold);
  border-radius:999px; padding:8px 22px; margin-bottom:22px;
}
.imersao-h2{
  font-family:var(--font-caps); text-transform:uppercase; font-weight:400; letter-spacing:.5px;
  font-size:clamp(1.7rem,4vw,2.5rem); margin:0 0 16px; color:var(--imersao-white);
}
.imersao-details-intro{font-size:16px; max-width:58ch; margin:0 auto 44px; opacity:.85;}
.imersao-pillars{display:grid; grid-template-columns:repeat(3,1fr); gap:28px; text-align:center;}
.imersao-pillar{
  background:rgba(250,247,242,.04); border:1px solid rgba(250,247,242,.1); border-radius:16px;
  padding:32px 24px;
}
.imersao-pillar svg{width:40px; height:40px; color:var(--imersao-gold); margin:0 auto 18px;}
.imersao-pillar h3{
  font-family:var(--font-body); font-weight:400; font-size:16px; letter-spacing:.5px;
  text-transform:uppercase; margin:0 0 10px; color:var(--imersao-white);
}
.imersao-pillar h3 strong{color:var(--imersao-gold); font-weight:700;}
.imersao-pillar p{font-size:14px; opacity:.75; margin:0; line-height:1.5;}

/* ---------- Sobre o preletor ---------- */
.imersao-about{padding:76px 0;}
.imersao-about-grid{display:grid; grid-template-columns:260px 1fr; gap:56px; align-items:center;}
.imersao-about-photo{border-radius:16px; overflow:hidden; border:1px solid rgba(240,180,41,.3);}
.imersao-micro{font-size:13px; letter-spacing:1.5px; text-transform:uppercase; color:var(--imersao-gold);}
.imersao-about p{font-size:16px; opacity:.88; max-width:56ch; margin-top:18px;}

/* ---------- Última chamada ---------- */
.imersao-lastcall{
  padding:76px 0; text-align:center;
  background:radial-gradient(circle at 50% 0%, rgba(240,180,41,.14), transparent 60%), var(--imersao-ink-2);
}
.imersao-lastcall p{font-size:17px; max-width:52ch; margin:0 auto 32px; opacity:.9;}

/* ---------- Rodapé ---------- */
.imersao-footer{padding:72px 0 32px; border-top:1px solid rgba(250,247,242,.1);}
.imersao-footer-grid{display:flex; flex-wrap:wrap; justify-content:space-between; gap:32px; padding-bottom:40px;}
.imersao-footer-grid h3{font-family:var(--font-caps); font-weight:400; letter-spacing:.5px; font-size:22px; margin:0 0 8px;}
.imersao-footer-grid > div:first-child p{opacity:.8; margin:0;}
.imersao-footer-contact{display:flex; flex-direction:column; gap:14px; align-items:flex-start;}
.imersao-footer-contact a{
  display:flex; align-items:center; gap:10px; color:var(--imersao-white); text-decoration:none; font-size:15px; opacity:.9;
  transition:opacity .2s ease, color .2s ease;
}
.imersao-footer-contact a:hover{color:var(--imersao-gold); opacity:1;}
.imersao-footer-contact svg{width:20px; height:20px; flex-shrink:0; color:var(--imersao-gold);}
.imersao-footer-bottom{
  display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px;
  padding-top:24px; border-top:1px solid rgba(250,247,242,.08); font-size:13px; opacity:.6;
}
.imersao-footer-back{color:var(--imersao-white); text-decoration:none;}
.imersao-footer-back:hover{color:var(--imersao-gold);}

@media (max-width:900px){
  .imersao-hero-grid{padding-top:32px; text-align:center; justify-content:center;}
  .imersao-pretitle, .imersao-subtitle{max-width:none;}
  .imersao-back-btn{top:14px; left:14px; padding:8px 14px; font-size:13px;}
  .imersao-whatsapp-fab{bottom:16px; right:16px; width:52px; height:52px;}
  .imersao-cta-row{justify-content:center;}
  .imersao-about-grid{grid-template-columns:1fr; text-align:center;}
  .imersao-about-photo{max-width:260px; margin:0 auto;}
}
@media (max-width:700px){
  .imersao-pillars{grid-template-columns:1fr;}
  .imersao-hero-grid{padding:40px 20px 56px;}
}
@media (max-width:480px){
  .imersao-cta-row{flex-direction:column; align-items:stretch;}
  .btn-imersao-primary, .btn-imersao-ghost{text-align:center;}
}
