/* ============ TEMPLATE EMBER — DETALLE DE SESIÓN ============ */

/* 1. HERO */
.dhero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;}
.dhero-media{position:absolute;inset:0;z-index:0;}
.dhero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(42,35,32,.72) 0%,rgba(42,35,32,.45) 45%,rgba(42,35,32,.25) 100%);}
.dhero-inner{position:relative;z-index:2;max-width:640px;padding:0 40px 0 76px;}
.dhero .eyebrow{color:#D8D2C6;margin-bottom:22px;display:block;}
.dhero h1{font-family:var(--title);font-weight:300;color:var(--cream);text-transform:uppercase;letter-spacing:.06em;font-size:clamp(46px,7vw,104px);line-height:.98;margin-bottom:24px;}
.dhero h1 em{font-weight:400;}
.dhero-sub{font-family:var(--title);font-style:italic;font-size:clamp(18px,2vw,24px);color:#E4DED2;line-height:1.5;max-width:460px;margin-bottom:38px;}
.dhero-cta{display:flex;align-items:center;gap:26px;flex-wrap:wrap;}
.dhero-note{font-size:12px;color:#CFC8BC;letter-spacing:.04em;}
.dhero-scroll{position:absolute;bottom:34px;left:76px;z-index:2;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#D8D2C6;opacity:.85;}

/* 2. GANCHO / INTRO */
.dintro{background:var(--paper);padding:110px 0 90px;text-align:center;}
.dintro h2{font-family:var(--title);font-weight:400;font-size:clamp(28px,3.6vw,52px);line-height:1.22;color:var(--ink);max-width:820px;margin:20px auto 26px;}
.dintro h2 em{font-style:italic;}
.dintro p{max-width:600px;margin:0 auto;color:var(--ink);opacity:.85;font-size:15px;line-height:1.95;}
.dfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:56px;padding-top:44px;border-top:1px solid var(--line);max-width:760px;margin-left:auto;margin-right:auto;}
.dfact{text-align:center;}
.dfact span{display:block;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;}
.dfact strong{font-family:var(--title);font-style:italic;font-weight:400;font-size:23px;color:var(--ink);}
.dintro-cta{margin-top:76px;}

/* 3. GALERÍA PARALLAX HORIZONTAL */
.hscroll{position:relative;height:320vh;background:var(--paper);}
.hscroll-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;}
.hscroll-track{display:flex;gap:34px;padding:0 8vw;will-change:transform;}
.hscroll-track figure{position:relative;flex:0 0 auto;width:clamp(260px,32vw,440px);height:66vh;overflow:hidden;background:var(--paper-2);}
.hscroll-track figure.tall{height:74vh;}
.hscroll-track figure.short{height:56vh;align-self:center;}
.hscroll-track .ph{position:absolute;inset:0;background:linear-gradient(135deg,#E7E2D8,#C9C3B6);}
.hscroll-intro{flex:0 0 auto;width:min(70vw,420px);align-self:center;padding-right:10px;}
.hscroll-intro .eyebrow{margin-bottom:16px;display:block;}
.hscroll-intro h2{font-family:var(--title);font-weight:400;font-size:clamp(30px,3.4vw,46px);line-height:1.2;color:var(--ink);}
.hscroll-intro h2 em{font-style:italic;}
.hscroll-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);z-index:3;}

/* 4. EXPERIENCIA */
.dexp{background:var(--espresso);color:var(--cream);padding:120px 0;}
.dexp-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:48px;align-items:center;}
.dexp-title{font-family:var(--title);font-weight:300;font-size:clamp(30px,3.6vw,52px);line-height:1.15;}
.dexp-title em{font-style:italic;}
.dexp-photo{position:relative;height:560px;overflow:hidden;background:#241d1a;}
.dexp-photo img,.dexp-photo video{filter:none;}
.dexp-photo .ph{position:absolute;inset:0;background:linear-gradient(135deg,#241d1a,#3a302b);}
.dexp-right{display:flex;flex-direction:column;gap:22px;}
.dexp-small{position:relative;width:140px;height:170px;overflow:hidden;align-self:flex-end;border-radius:2px;background:#241d1a;}
.dexp-right p{font-size:14px;line-height:1.95;color:#CFC8BC;}
.dexp-incluye{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:6px;}
.dexp-incluye li{font-size:13.5px;color:#DAD5CB;padding-left:22px;position:relative;}
.dexp-incluye li::before{content:"—";position:absolute;left:0;color:var(--muted);}

/* 5. PROCESO */
.dproc{background:var(--paper);padding:120px 0;}
.dproc-head{text-align:center;margin-bottom:70px;}
.dproc-head .eyebrow{display:block;margin-bottom:16px;}
.dproc-head h2{font-family:var(--title);font-weight:400;font-size:clamp(28px,3.4vw,48px);color:var(--ink);}
.dproc-head h2 em{font-style:italic;}
.dproc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px;}
.dproc-step .num{font-family:var(--title);font-style:italic;font-size:34px;color:var(--muted);display:block;margin-bottom:16px;}
.dproc-step h3{font-family:var(--body);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);margin-bottom:12px;}
.dproc-step p{font-size:13.5px;line-height:1.85;color:var(--ink);opacity:.8;}
.dproc-cta{text-align:center;margin-top:92px;}

/* 6. CTA / PACK */
.dcta{position:relative;padding:150px 0;overflow:hidden;text-align:center;color:var(--cream);}
.dcta-media{position:absolute;inset:0;z-index:0;}
.dcta-media::after{content:"";position:absolute;inset:0;background:rgba(42,35,32,.7);}
.dcta-inner{position:relative;z-index:2;}
.dcta .eyebrow{color:#D8D2C6;display:block;margin-bottom:22px;}
.dcta h2{font-family:var(--title);font-weight:300;font-size:clamp(36px,5vw,72px);line-height:1.08;margin-bottom:26px;}
.dcta h2 em{font-style:italic;}
.dcta p{font-size:15px;color:#DAD5CB;max-width:480px;margin:0 auto 40px;line-height:1.85;}
.dcta-note{margin-top:22px;font-size:12px;color:#CFC8BC;letter-spacing:.04em;}

/* 7. PRECIOS */
.dprice{position:relative;padding:130px 0;overflow:hidden;color:var(--cream);}
.dprice-media{position:absolute;inset:0;z-index:0;}
.dprice-media::after{content:"";position:absolute;inset:0;background:rgba(42,35,32,.82);}
.dprice-inner{position:relative;z-index:2;text-align:center;}
.dprice .eyebrow{color:#D8D2C6;display:block;margin-bottom:18px;}
.dprice h2{font-family:var(--title);font-weight:300;font-size:clamp(34px,4.4vw,60px);color:var(--cream);margin-bottom:16px;}
.dprice h2 em{font-style:italic;}
.dprice-sub{font-size:14px;color:#CFC8BC;max-width:520px;margin:0 auto 60px;line-height:1.85;}
.dprice-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:960px;margin:0 auto;}
/* Cuando hay 1 o 2 packs, se centran en vez de estirarse */
.dprice-cards.few{display:flex;flex-wrap:wrap;justify-content:center;}
.dprice-cards.few .pcard{flex:0 1 300px;}
.pcard{border:1px solid rgba(237,233,225,.28);padding:44px 30px;display:flex;flex-direction:column;align-items:center;gap:16px;transition:background .4s ease,transform .4s ease;}
.pcard:hover{background:rgba(237,233,225,.05);transform:translateY(-6px);}
.pcard.featured{border-color:var(--cream);background:rgba(237,233,225,.06);}
.pcard-badge{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:#CFC8BC;}
.pcard h3{font-family:var(--body);font-weight:400;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--cream);}
.pcard .price{font-family:var(--title);font-style:italic;font-weight:400;font-size:34px;color:var(--cream);}
.pcard p{font-size:13px;line-height:1.8;color:#CFC8BC;min-height:66px;}
.dprice-foot{margin-top:46px;font-size:13px;color:#CFC8BC;}
.dprice-foot a{border-bottom:1px solid rgba(237,233,225,.5);padding-bottom:2px;}

/* 8. FAQ */
.dfaq{background:var(--paper);padding:120px 0;}
.dfaq-grid{display:grid;grid-template-columns:0.8fr 1.6fr;gap:60px;}
.dfaq-head .eyebrow{display:block;margin-bottom:16px;}
.dfaq-head h2{font-family:var(--title);font-weight:400;font-size:clamp(28px,3.2vw,44px);color:var(--ink);line-height:1.2;}
.dfaq-head h2 em{font-style:italic;}
.dfaq-head p{margin-top:18px;font-size:14px;color:var(--muted);line-height:1.85;max-width:280px;}

/* ============ RESPONSIVE ============ */
@media (max-width:900px){
  .dhero-inner{padding:0 24px;}
  .dhero-scroll{left:24px;}
  .hscroll{height:auto !important;}
  .hscroll-sticky{position:static;height:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:70px 0;}
  .hscroll-track{transform:none !important;padding:0 24px;gap:18px;}
  .hscroll-track figure{width:72vw;height:64vh;}
  .hscroll-track figure.tall,.hscroll-track figure.short{height:64vh;align-self:auto;}
  .hscroll-intro{width:64vw;}
  .hscroll-hint{display:none;}
  .dexp-grid{grid-template-columns:1fr;gap:34px;}
  .dexp-photo{height:420px;order:-1;}
  .dexp-small{align-self:flex-start;}
  .dproc-grid{grid-template-columns:1fr 1fr;gap:34px 24px;}
  .dprice-cards{grid-template-columns:1fr;max-width:380px;}
  .dfaq-grid{grid-template-columns:1fr;gap:34px;}
}
@media (max-width:600px){
  .dhero{min-height:88vh;}
  .dhero h1{font-size:clamp(44px,15vw,68px);}
  .dintro{padding:74px 0 66px;}
  .dproc-grid{grid-template-columns:1fr;}
  .dexp,.dproc,.dfaq{padding:80px 0;}
  .dprice{padding:90px 0;}
  .dcta{padding:100px 0;}
}
