:root{
  --bg:#0b0906;
  --bg-card:#1a1410;
  --bg-card-2:#221a13;
  --gold:#c9a24b;
  --gold-light:#e3c37a;
  --cream:#ede6d6;
  --muted:#a79a82;
  --red:#8a2e2e;
  --green:#3aae7a;
  --border:#332a1e;
  --radius:16px;
  --maxw:520px;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--bg);
  color:var(--cream);
  font-family:"Oswald","Arial Narrow",Arial,sans-serif;
  min-height:100vh;
}
.wrap{
  max-width:var(--maxw);
  margin:0 auto;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  background:var(--bg);
  position:relative;
}
h1,h2,h3{
  font-family:"Cinzel","Georgia",serif;
  font-weight:700;
  letter-spacing:.02em;
  margin:0;
}
p{margin:0;}
a{color:var(--gold-light);}
button{font-family:inherit;}

/* header */
.header{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 20px;border-bottom:1px solid var(--border);
}
.header .back{
  background:none;border:none;color:var(--cream);font-size:22px;cursor:pointer;
  width:32px;
}
.header .logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;}
.header .logo img{height:32px;}
.header .logo-word{font-family:"Cinzel",serif;font-weight:700;letter-spacing:.06em;font-size:9px;color:var(--gold-light);text-align:center;white-space:nowrap;}
.brand-lockup{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:8px;}
.brand-lockup img{height:64px;}
.brand-lockup .word{font-family:"Cinzel",serif;font-weight:700;letter-spacing:.08em;font-size:20px;color:var(--gold-light);text-align:center;}
.header .menu{background:none;border:none;color:var(--cream);font-size:20px;cursor:pointer;width:32px;text-align:right;}

.progress{
  display:flex;gap:6px;padding:0 20px 10px;
}
.progress .seg{flex:1;height:4px;border-radius:2px;background:var(--border);overflow:hidden;}
.progress .seg.done{background:var(--gold);}
.progress .seg.current{background:linear-gradient(90deg,var(--gold) 50%,var(--border) 50%);}

.section-label{
  padding:4px 20px 0;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em;
}

/* content */
.content{
  flex:1;padding:16px 20px 22px;display:flex;flex-direction:column;gap:13px;
  animation:content-in 200ms ease-out;
}
@keyframes content-in{
  from{opacity:0;transform:translateY(6px);}
  to{opacity:1;transform:translateY(0);}
}
@media (prefers-reduced-motion: reduce){
  .content{animation:none;}
}
.title{font-size:23px;line-height:1.14;color:var(--cream);}
.subtitle{font-size:14.5px;color:var(--muted);line-height:1.35;}
.subtitle b{color:var(--cream);font-weight:600;}
.hero-img{width:100%;height:auto;object-fit:contain;border-radius:var(--radius);display:block;margin:0 auto;background:var(--bg-card);max-height:190px;}

/* personaje decorativo: sin card/fondo, integrado al layout (no una foto en un rectángulo) */
.char-img{
  display:block;width:auto;height:auto;object-fit:contain;
  max-width:60%;max-height:195px;
  margin:-6px auto 0;
  align-self:center;
  pointer-events:none;
}

/* options */
.options{display:flex;flex-direction:column;gap:7px;}
.opt{
  background:var(--bg-card);border:1px solid var(--border);border-radius:14px;
  padding:12px 15px;display:flex;align-items:center;justify-content:space-between;
  cursor:pointer;color:var(--cream);font-size:15px;line-height:1.25;transition:.15s;
  text-align:left;
}
.opt:hover{border-color:var(--gold);}
.opt.selected{background:var(--gold);color:#1a1410;border-color:var(--gold);font-weight:600;}
.opt-label{display:flex;align-items:center;gap:11px;min-width:0;}
.opt-icon{width:26px;height:26px;object-fit:contain;flex:none;}
.opt .radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--muted);flex:none;}
.opt.selected .radio{border-color:#1a1410;background:#1a1410;}
.opt .check{width:20px;height:20px;border-radius:5px;border:2px solid var(--muted);flex:none;}
.opt.selected .check{border-color:#1a1410;background:#1a1410;}
.opt.selected .check::after{content:"✓";color:var(--gold);font-size:14px;display:block;text-align:center;line-height:16px;}

/* evita un segundo toque mientras se muestra el estado seleccionado */
.opt-locked{pointer-events:none;}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.card-img-opt{
  border-radius:14px;overflow:hidden;border:2px solid var(--border);cursor:pointer;background:var(--bg-card);position:relative;
}
.card-img-opt.selected{border-color:var(--gold);}
.card-img-opt img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover;}
.card-img-opt .lbl{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;font-size:14px;}

.age-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.age-card{border-radius:14px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:border-color .15s;}
.age-card.selected{border-color:var(--gold);}
.age-card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;}
.age-card .lbl{padding:10px 12px;background:var(--cream);color:#1a1410;font-weight:600;display:flex;align-items:center;justify-content:space-between;font-size:14px;}

/* button */
.btn-wrap{
  margin-top:10px;
}
/* CTA embebido en medio de una página larga (checkout): no debe quedar pegado
   al viewport, sino fluir en su lugar natural dentro del contenido. */
.btn-wrap.static-cta{position:static;margin-top:8px;background:none;padding:16px 0 0;}
.btn{
  width:100%;padding:14px;border-radius:30px;border:none;background:var(--gold);
  color:#1a1410;font-weight:700;font-size:14px;letter-spacing:.05em;cursor:pointer;
  text-transform:uppercase;
}
.btn:disabled{opacity:.4;cursor:not-allowed;}
.btn.secondary{background:transparent;color:var(--muted);text-decoration:underline;margin-top:8px;font-weight:400;text-transform:none;}
.legal{font-size:12px;color:var(--muted);text-align:center;line-height:1.5;padding:10px 20px 20px;}
.legal a{color:var(--gold-light);}

/* numeric input — campo de formulario limpio, sin número gigante decorativo */
.num-field{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:var(--bg-card);border:1px solid var(--border);border-radius:12px;
  padding:16px 20px;max-width:320px;margin:0 auto;transition:border-color .15s;
}
.num-field:focus-within{border-color:var(--gold);}
.num-field input{
  background:none;border:none;color:var(--cream);font-size:18px;
  font-family:"Oswald","Arial Narrow",Arial,sans-serif;flex:1;min-width:0;width:100%;
}
.num-field input::placeholder{color:var(--muted);font-weight:400;}
.num-field input:focus{outline:none;}
.num-field .unit{color:var(--muted);font-size:15px;font-weight:600;flex:none;}
.hint{font-size:13px;color:var(--muted);text-align:center;}
.checkbox-row{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);padding:10px 0;}
.checkbox-row input{margin-top:3px;}
.error-text{color:#e07a7a;font-size:13px;text-align:center;}

/* meal cards */
.meal-card{display:flex;gap:12px;background:var(--bg-card);border-radius:14px;padding:12px;align-items:center;}
.meal-card img{width:64px;height:64px;border-radius:10px;object-fit:cover;flex:none;}
.meal-card .meta{color:var(--muted);font-size:13px;}

/* bmi gauge */
.gauge-card{background:var(--bg-card);border-radius:var(--radius);padding:20px;}
.gauge-bubble{background:var(--cream);color:#1a1410;border-radius:20px;padding:8px 18px;width:fit-content;margin:10px auto;font-weight:700;}
.gauge-bar{height:14px;border-radius:8px;background:linear-gradient(90deg,#5aa0e0,#3aae7a,#e3c37a,#d98a3d,#c04b4b);position:relative;margin-top:10px;}
.gauge-marker{position:absolute;top:-4px;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #1a1410;transform:translateX(-50%);}
.gauge-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:6px;}
.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;}
.summary-item{background:var(--bg-card-2);border-radius:10px;padding:10px 12px;}
.summary-item .k{font-size:12px;color:var(--muted);}
.summary-item .v{font-weight:600;}

/* charts */
.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;}
.chart-card-label{font-family:"Cinzel",serif;font-weight:700;color:var(--gold-light);font-size:16px;margin-bottom:8px;}
.chart-svg{display:block;width:100%;height:auto;}
.chart-legend{display:flex;gap:20px;font-size:14px;margin-top:14px;flex-wrap:wrap;}
.chart-legend .dot{width:11px;height:11px;border-radius:50%;display:inline-block;margin-right:7px;}
.chart-x-axis{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);padding:6px 2px 0;text-transform:uppercase;letter-spacing:.04em;}
.disclaimer{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.4;}

/* badges */
.badges{display:flex;gap:8px;flex-wrap:wrap;}
.badge{background:var(--bg-card-2);border:1px solid var(--border);color:var(--gold-light);font-size:12px;padding:6px 12px;border-radius:20px;display:inline-flex;align-items:center;gap:6px;}
.badge-icon{width:16px;height:16px;object-fit:contain;flex:none;}

/* loading */
.loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px 20px;}
.ring{width:140px;height:140px;border-radius:50%;position:relative;}
.ring svg{transform:rotate(-90deg);}
.ring .pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;font-family:"Cinzel",serif;}
.testimonial-card{background:var(--bg-card);border-radius:14px;padding:16px;display:flex;gap:12px;}
.testimonial-card img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;}
.testimonial-card .name{font-weight:600;font-size:14px;}
.testimonial-card .quote{font-size:13px;color:var(--muted);margin-top:4px;}
.testimonial-card.no-photo{display:block;border:1px solid var(--border);}
.testimonial-card.no-photo .stars{color:var(--gold);font-size:14px;letter-spacing:2px;}
.testimonial-card.no-photo .name{margin-top:6px;}
.testimonial-card.no-photo .location{font-size:12px;color:var(--gold-light);margin-top:1px;}
.testimonial-card.no-photo .quote{margin-top:8px;}

/* email/name capture */
.text-input{
  width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;
  padding:16px;color:var(--cream);font-size:16px;
}

/* plan reveal */
.name-highlight{color:var(--gold);}
.week-chart{display:flex;align-items:flex-end;gap:10px;height:120px;background:var(--bg-card-2);border-radius:10px;padding:14px;}
.week-chart .bar{flex:1;background:var(--gold);border-radius:6px 6px 0 0;display:flex;align-items:flex-end;justify-content:center;color:#1a1410;font-size:11px;font-weight:700;}
.week-chart .bar span{margin-bottom:-18px;color:var(--muted);}

/* scratch card */
.scratch-outer{position:relative;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,var(--gold),#a97b2e);padding:30px 20px;text-align:center;}
.scratch-reveal{font-size:56px;font-weight:800;font-family:"Cinzel",serif;color:#1a1410;}
.scratch-reveal .pct{font-size:32px;}
.scratch-cover{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:none;user-select:none;}
.scratch-cover:active{cursor:grabbing;}
.coupon{border:2px dashed var(--gold);border-radius:12px;padding:14px;margin-top:14px;background:var(--bg-card);}
.coupon .code{font-family:"Cinzel",serif;font-size:20px;color:var(--gold-light);}

/* checkout */
.countdown-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--bg-card);border-bottom:1px solid var(--border);padding:12px 20px;}
.countdown-info{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;}
.countdown-copy{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;}
.countdown{display:flex;gap:4px;align-items:baseline;font-family:"Cinzel",serif;font-weight:700;font-size:20px;color:var(--gold-light);}
.countdown .lbl{font-size:9px;color:var(--muted);font-family:inherit;display:block;text-transform:uppercase;}
.btn-small{padding:10px 18px;border-radius:20px;border:none;background:var(--gold);color:#1a1410;font-weight:700;font-size:12px;cursor:pointer;text-transform:uppercase;flex:none;}
.promo-banner{margin:16px 20px 0;background:rgba(58,174,122,.12);border:1px solid var(--green);color:var(--green);border-radius:10px;padding:10px 14px;font-size:13px;text-align:center;}

/* VSL + desbloqueo del plan */
.vsl-section{display:flex;flex-direction:column;gap:7px;}
/* Recorta aire arriba/abajo SOLO en la pantalla del VSL (scope vía
   :has), para que en mobile entren título+video+botón+texto sin
   necesidad de scroll, sin tocar el resto del quiz/landing. */
.content:has(.vsl-section){padding-top:10px;padding-bottom:8px;}
/* Sin aspect-ratio forzado: el video conserva su proporción real
   (este VSL es vertical) escalando por ancho, sin recortes. */
.vsl-video-wrap{position:relative;width:100%;border-radius:var(--radius);overflow:hidden;background:#000;}
.vsl-video-wrap video{display:block;width:100%;height:auto;cursor:pointer;}
.vsl-video-wrap video::-webkit-media-controls{display:none !important;}

/* portada + play grande: SIN fondo propio — se ve el primer frame real
   del video de fondo (decodificado vía el nudge de currentTime), acá
   solo se agrega un leve degradé para que el botón se lea bien encima. */
.vsl-poster-overlay{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(to top,rgba(0,0,0,.35),rgba(0,0,0,0) 40%);cursor:pointer;
}
.vsl-play-btn{
  width:76px;height:76px;border-radius:50%;border:none;background:var(--gold);
  color:#1a1410;font-size:26px;display:flex;align-items:center;justify-content:center;
  padding-left:5px;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,.5);
}

/* mute/unmute propio */
.vsl-mute-btn{
  position:absolute;right:12px;bottom:12px;width:38px;height:38px;border-radius:50%;
  border:none;background:rgba(11,9,6,.6);color:var(--cream);font-size:16px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;
}

/* barra de progreso propia (no lineal, sin números) */
.vsl-progress-track{width:100%;height:5px;border-radius:3px;background:var(--border);overflow:hidden;}
.vsl-progress-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:3px;transition:width .2s linear;}

/* botón de desbloqueo: visible siempre, apagado hasta habilitarse */
.vsl-unlock-wrap .btn:disabled{
  background:#6b5a3e;color:var(--muted);opacity:.65;cursor:not-allowed;
}
.vsl-unlock-hint{margin-top:6px;font-size:12px;color:var(--muted);text-align:center;}

.landing-reveal{flex-direction:column;gap:13px;scroll-margin-top:76px;}
.plans{display:flex;flex-direction:column;gap:12px;margin:16px 20px 0;}
.plan-card{border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);position:relative;}
.plan-card.popular{border-color:var(--gold);border-width:2px;}
.plan-card .tag{position:absolute;top:-11px;left:14px;background:var(--gold);color:#1a1410;font-size:10px;font-weight:700;padding:3px 10px;border-radius:10px;letter-spacing:.05em;}
.plan-card .old{text-decoration:line-through;color:var(--muted);font-size:13px;}
.plan-card .price{font-size:20px;font-weight:700;}
.plan-card .per-day-old{text-decoration:line-through;color:var(--muted);font-size:12px;}
.plan-card .per-day{font-size:18px;font-weight:700;color:var(--gold-light);}
.plan-card .per-day-lbl{font-size:11px;color:var(--muted);}
.offer-block{margin:16px 20px 0;background:var(--bg-card);border:2px solid var(--gold);border-radius:var(--radius);padding:24px 18px;text-align:center;}
.offer-badge{display:inline-block;background:var(--gold);color:#1a1410;font-family:"Cinzel",serif;font-weight:800;font-size:22px;padding:6px 22px;border-radius:30px;letter-spacing:.03em;}
.offer-installments-label{margin-top:16px;font-size:13px;color:var(--muted);letter-spacing:.08em;}
.offer-price-main{font-family:"Cinzel",serif;font-weight:800;font-size:56px;color:var(--gold-light);line-height:1.1;margin-top:4px;}
.offer-or{margin-top:6px;font-size:15px;color:var(--muted);}
.offer-or b{color:var(--cream);}
.offer-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px;}
.included-list{display:flex;flex-direction:column;gap:14px;margin:20px 20px 0;}
.included-item{display:flex;gap:12px;align-items:flex-start;}
.included-item .ico{width:28px;height:28px;border-radius:50%;background:var(--gold);flex:none;display:flex;align-items:center;justify-content:center;color:#1a1410;font-weight:700;}
.included-item .t{font-weight:600;font-size:14px;}
.included-item .d{font-size:13px;color:var(--muted);}
.app-poster-img{width:calc(100% - 40px);display:block;margin:20px 20px 0;border-radius:16px;}
.app-showcase{display:flex;gap:12px;overflow-x:auto;margin:16px 0 0;padding:4px 20px 8px;-webkit-overflow-scrolling:touch;}
.app-showcase img{height:260px;width:auto;border-radius:16px;flex:none;object-fit:contain;background:var(--bg-card);}
.store-badges{display:flex;gap:10px;margin:20px 20px 0;}
.stats-row{display:flex;gap:20px;margin:14px 20px 0;}
.stats-row .stat b{display:block;font-size:18px;}
.stats-row .stat span{font-size:11px;color:var(--muted);}
.faq-item{border-bottom:1px solid var(--border);padding:14px 20px;}
.faq-item .q{font-weight:600;cursor:pointer;display:flex;justify-content:space-between;}
.faq-item .a{font-size:14px;color:var(--muted);margin-top:8px;display:none;}
.faq-item.open .a{display:block;}
.guarantee{margin:20px 20px 0;background:var(--bg-card);border-radius:14px;padding:16px;text-align:center;}

/* reviews */
.reviews-grid{display:flex;flex-direction:column;gap:12px;margin:16px 20px 0;}
.review-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px 18px;}
.review-stars{color:var(--gold);font-size:13px;letter-spacing:2px;margin-bottom:8px;}
.review-title{font-family:"Cinzel",serif;font-weight:700;font-size:15px;color:var(--cream);line-height:1.3;margin-bottom:6px;}
.review-text{font-size:13px;color:var(--muted);line-height:1.5;}
.review-author{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);display:flex;align-items:baseline;gap:6px;}
.review-name{font-size:13px;color:var(--gold-light);font-weight:600;}
.review-province{font-size:11px;color:var(--muted);}

.final-cta-img{display:block;width:100%;height:auto;margin:4px auto 0;}

.footer-legal{font-size:11px;color:var(--muted);text-align:center;padding:24px 20px 40px;line-height:1.6;}

/* ===== Responsive: tablet (>=768px) ===== */
@media (min-width: 768px){
  .wrap{max-width:640px;}
  /* Video vertical: en pantallas anchas se limita el ancho para que
     no quede excesivamente alto, quedando centrado. */
  .vsl-video-wrap{max-width:360px;margin:0 auto;}
  .header{padding:18px 28px;}
  .header .logo img{height:38px;}
  .header .logo-word{font-size:10px;}
  .progress{padding:0 20px 14px;}
  .section-label{padding:6px 20px 0;}
  .content{padding:28px 28px 48px;gap:20px;}
  .title{font-size:32px;}
  .subtitle{font-size:17px;}
  .options{gap:10px;}
  .opt{padding:18px 22px;font-size:17px;}
  .opt-label{gap:14px;}
  .opt-icon{width:32px;height:32px;}
  .char-img{max-width:52%;max-height:190px;margin:-6px auto 0;}
  .btn-wrap{margin-top:14px;}
  .btn{padding:17px;font-size:16px;}
  .num-field{max-width:360px;padding:18px 22px;}
  .num-field input{font-size:19px;}
  .brand-lockup img{height:72px;}
  .brand-lockup .word{font-size:22px;}
  .age-cards,.grid2{gap:14px;}
  .age-card img{aspect-ratio:3/4;}
  .hero-img{max-height:300px;}
  .reviews-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
}

/* ===== Responsive: desktop (>=1024px) ===== */
@media (min-width: 1024px){
  .wrap{max-width:860px;}
  .header{padding:20px 36px;}
  .header .logo img{height:44px;}
  .header .logo-word{font-size:11px;}
  .progress{padding:0 20px 14px;}
  .section-label{padding:6px 20px 0;}
  .content{padding:40px 36px 56px;gap:24px;}
  .title{font-size:40px;}
  .subtitle{font-size:18px;}
  .options{gap:10px;}
  .opt{padding:22px 26px;font-size:18px;}
  .opt-label{gap:14px;}
  .opt-icon{width:32px;height:32px;}
  .btn-wrap{margin-top:14px;}
  .btn{padding:19px;font-size:17px;}
  .num-field{max-width:380px;padding:20px 24px;}
  .num-field input{font-size:20px;}
  /* personaje decorativo: se integra a la derecha del contenido, no como foto en card */
  .content:has(.char-img){position:relative;}
  .char-img{
    position:absolute;right:-12px;bottom:0;
    max-width:320px;max-height:400px;
    margin:0;z-index:0;
  }
  .content:has(.char-img) > .title,
  .content:has(.char-img) > .subtitle{max-width:56%;position:relative;z-index:1;}
  .content:has(.char-img) .options,
  .content:has(.char-img) .btn-wrap{max-width:56%;position:relative;z-index:1;}

  .brand-lockup{gap:12px;margin-bottom:12px;}
  .brand-lockup img{height:92px;}
  .brand-lockup .word{font-size:28px;}
  .age-cards,.grid2{gap:18px;}
  .age-card img{aspect-ratio:3/4;}
  .hero-img{max-height:320px;}
  .app-showcase img{height:340px;}
  .final-cta-img{max-width:520px;}
  .gauge-card,.chart-card{padding:32px;}
  .chart-card-label{font-size:19px;}
  .chart-legend{font-size:16px;gap:28px;}
  .chart-x-axis{font-size:14px;}
  .disclaimer{font-size:13px;}
  .offer-price-main{font-size:68px;}
  .scratch-reveal{font-size:64px;}

  /* Grillas de opciones con imagen (edad, contextura, cuerpo objetivo):
     en desktop entran en una sola fila de 4, como la referencia. */
  .age-cards,.grid2{grid-template-columns:repeat(4,minmax(0,1fr));}
  .wrap:has(.age-cards),.wrap:has(.grid2){max-width:1040px;}
  .age-card,.card-img-opt{max-width:250px;}

  /* Slide de edad: composición desktop más compacta, sin duplicar altura. */
  .wrap:has(.age-cards) .content{padding:28px 36px 32px;gap:16px;}
  .wrap:has(.age-cards) .brand-lockup{gap:8px;margin-bottom:0;}
  .wrap:has(.age-cards) .brand-lockup img{height:64px;}
  .wrap:has(.age-cards) .brand-lockup .word{font-size:22px;}
  .wrap:has(.age-cards) .title{font-size:32px;}
}

@media (prefers-color-scheme: light){
  body{background:var(--bg);color:var(--cream);}
}