:root{
  --negro: #0D0605;
  --escarlata: #4A0808;
  --brasa: #8C1414;
  --hueso: #EDE6DF;
  --bronce: #B08D57;
  --texto-claro: #EDE0DA;
  --texto-tenue: #B8A8A2;
}
*{box-sizing:border-box; margin:0; padding:0;}
html,body{background:var(--negro);}
body{
  color:var(--texto-claro);
  font-family:'Inter', sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

/* ============ HERO ============ */
.hero{
  position:relative;
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:96px 24px 140px;
  overflow:hidden;
}
.numero-fondo{
  position:absolute;
  top:10vw;
  left:-9vw;
  font-family:'Bodoni Moda', serif;
  font-weight:800;
  font-variation-settings:'opsz' 30;
  font-style:italic;
  font-size:58vw;
  line-height:0.8;
  color:var(--escarlata);
  opacity:0.6;
  user-select:none;
  pointer-events:none;
  z-index:0;
  white-space:nowrap;
}
.calificador{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-self:flex-start;
  align-items:center;
  gap:8px;
  border:1px solid rgba(176,141,87,0.5);
  background:rgba(13,6,5,0.6);
  backdrop-filter:blur(2px);
  padding:9px 14px;
  transform:rotate(-2.5deg);
  margin-bottom:34px;
  font-family:'IBM Plex Mono', monospace;
  font-size:11px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--bronce);
  max-width:340px;
  line-height:1.5;
}
.calificador .punto{width:5px; height:5px; border-radius:50%; background:var(--brasa); flex-shrink:0;}
.titulo{
  position:relative;
  z-index:2;
  font-family:'Bodoni Moda', serif;
  font-weight:700;
  font-variation-settings:'opsz' 14;
  font-size:clamp(34px, 10vw, 58px);
  line-height:1.06;
  max-width:720px;
  margin-bottom:22px;
}
.titulo em{ font-style:italic; color:var(--brasa); }
.subtitulo{
  position:relative; z-index:2; color:var(--texto-tenue); font-size:15px;
  max-width:460px; margin-bottom:40px; line-height:1.6;
}
.subtitulo strong{color:var(--texto-claro); font-weight:600;}
.vsl{ position:relative; z-index:2; width:100%; max-width:560px; margin-bottom:32px; }
.vsl-marco{
  position:relative; aspect-ratio:16/9;
  background:linear-gradient(120deg, #2a1210, #0D0605 60%);
  border:1px solid rgba(176,141,87,0.35);
}
.vsl-marco iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
/* miniatura del video: el reproductor real carga al tocar */
.yt-fachada{ position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; background:#000; cursor:pointer; display:block; }
.yt-fachada img{ width:100%; height:100%; object-fit:cover; display:block; }
.yt-play{
  position:absolute; top:50%; left:50%; width:72px; height:50px; transform:translate(-50%,-50%);
  background:var(--brasa); border-radius:12px; box-shadow:0 6px 20px rgba(0,0,0,0.45);
  transition:background 0.2s ease, transform 0.2s ease;
}
.yt-play::before{
  content:''; position:absolute; top:50%; left:54%; transform:translate(-50%,-50%);
  border-style:solid; border-width:11px 0 11px 19px; border-color:transparent transparent transparent var(--hueso);
}
.yt-fachada:hover .yt-play{ background:#a41a1a; transform:translate(-50%,-50%) scale(1.06); }
.yt-fachada:focus-visible{ outline:2px solid var(--bronce); outline-offset:3px; }
.vsl-caption{
  margin-top:26px; font-family:'IBM Plex Mono', monospace; font-size:10.5px; letter-spacing:0.14em;
  text-transform:uppercase; color:var(--texto-tenue);
}
.firma-sobre-video{
  position:absolute; bottom:-16px; right:-8px; font-family:'Alex Brush', cursive;
  font-size:clamp(34px,7.5vw,54px); color:var(--hueso); transform:rotate(-7deg);
  text-shadow:0 3px 14px rgba(0,0,0,0.65); z-index:3; pointer-events:none; white-space:nowrap;
}
.cta{
  position:relative; z-index:2; display:inline-flex; align-items:center; gap:10px;
  background:var(--brasa); color:var(--hueso); border:1px solid rgba(237,230,223,0.2);
  padding:17px 26px; font-family:'IBM Plex Mono', monospace; font-size:12.5px; letter-spacing:0.1em;
  text-transform:uppercase; text-decoration:none; width:fit-content; transition:background 0.2s ease;
}
.cta:hover{background:#a41a1a;}
.duda{ position:relative; z-index:2; margin-top:16px; font-size:13px; color:var(--texto-tenue); }
.duda a{color:var(--texto-claro); text-decoration:underline; text-underline-offset:3px;}

/* ============ TESTIMONIOS ============ */
.testimonios{
  position:relative;
  padding:88px 0 80px;
  border-top:1px solid rgba(176,141,87,0.18);
}
.test-head{ padding:0 24px; margin-bottom:40px; }
.eyebrow{
  font-family:'IBM Plex Mono', monospace; font-size:11px; letter-spacing:0.16em;
  text-transform:uppercase; color:var(--bronce); margin-bottom:16px;
}
.test-title{
  font-family:'Bodoni Moda', serif; font-weight:700; font-variation-settings:'opsz' 14;
  font-size:clamp(30px,7.5vw,46px); line-height:1.08; max-width:640px;
}
.test-title em{ font-style:italic; color:var(--brasa); }

.test-cta-wrap{ padding:56px 24px 0; }
.programa .test-cta-wrap .cta{ display:flex; margin:0 auto; }

/* ============ HISTORIA — corte de página en rojo ============ */
.historia{
  position:relative;
  background: radial-gradient(120% 100% at 20% 0%, #a01c1c, var(--brasa) 45%, var(--escarlata) 100%);
  padding:88px 20px 96px;
  overflow:hidden;
}
.hist-eyebrow{
  font-family:'IBM Plex Mono', monospace; font-size:11px; letter-spacing:0.18em;
  text-transform:uppercase; color:var(--hueso); opacity:0.9; margin-bottom:18px;
}
.hist-title{
  font-family:'Bodoni Moda', serif; font-weight:700; font-variation-settings:'opsz' 14;
  font-size:clamp(28px,7.5vw,44px); line-height:1.12; color:var(--hueso);
  max-width:560px; margin:0 0 26px;
}
.hist-title em{ font-style:italic; color:var(--negro); }

.hist-cta-wrap{ position:relative; z-index:2; padding-top:40px; display:flex; }
.cta-oscuro{
  display:inline-flex; align-items:center; gap:10px;
  background:var(--negro); color:var(--hueso); border:1px solid rgba(237,230,223,0.3);
  padding:17px 26px; font-family:'IBM Plex Mono', monospace; font-size:12.5px; letter-spacing:0.1em;
  text-transform:uppercase; text-decoration:none; transition:background 0.2s ease;
}
.cta-oscuro:hover{ background:#1c1210; }

/* ============ PROGRAMA — ledger acordeón ============ */
.programa{ position:relative; padding:96px 0 80px; border-top:1px solid rgba(176,141,87,0.18); }
.prog-head{ padding:0 24px; margin-bottom:8px; }
.prog-title{
  font-family:'Bodoni Moda', serif; font-weight:700; font-variation-settings:'opsz' 14;
  font-size:clamp(30px,7.5vw,46px); line-height:1.08; max-width:600px; margin-bottom:16px;
}
.prog-title em{ font-style:italic; color:var(--brasa); }
.prog-lead{ color:var(--texto-tenue); font-size:14.5px; max-width:440px; line-height:1.6; }

.ledger{ border-top:1px solid rgba(176,141,87,0.28); margin-top:44px; }
.fila{ border-bottom:1px solid rgba(176,141,87,0.28); }
.fila-head{
  display:flex; align-items:center; gap:18px; padding:20px 24px;
  cursor:pointer; background:none; border:none; width:100%; text-align:left;
  -webkit-tap-highlight-color:transparent;
}
.fila-num{
  font-family:'Bodoni Moda', serif; font-weight:800; font-variation-settings:'opsz' 30; font-style:italic;
  font-size:clamp(38px,11vw,58px); line-height:1; flex-shrink:0; width:76px;
  color:transparent; -webkit-text-stroke:1.3px var(--escarlata);
  transition:color 0.25s ease;
}
.fila.activa .fila-num{ color:var(--brasa); -webkit-text-stroke:0; }
.fila-info{ flex:1; min-width:0; }
.fila-titulo, .fila-teaser{ display:block; }
.fila-titulo{
  font-family:'Bodoni Moda', serif; font-weight:700; font-variation-settings:'opsz' 14;
  font-size:clamp(16px,4vw,21px); margin-bottom:5px; color:var(--texto-claro);
}
.fila-teaser{
  font-family:'IBM Plex Mono', monospace; font-size:9.5px; letter-spacing:0.06em;
  text-transform:uppercase; color:var(--texto-tenue);
}
.fila-icono{ width:20px; height:20px; flex-shrink:0; position:relative; }
.fila-icono::before, .fila-icono::after{
  content:''; position:absolute; background:var(--bronce);
  transition:transform 0.25s ease;
}
.fila-icono::before{ top:50%; left:0; right:0; height:1px; transform:translateY(-50%); }
.fila-icono::after{ left:50%; top:0; bottom:0; width:1px; transform:translateX(-50%); }
.fila.activa .fila-icono::after{ transform:translateX(-50%) scaleY(0); }

/* acordeón: anima a la altura real del contenido (más suave que max-height) */
.fila-body{ display:grid; grid-template-rows:0fr; overflow:hidden; transition:grid-template-rows 0.5s cubic-bezier(.22,1,.36,1); padding:0 24px; }
.fila.activa .fila-body{ grid-template-rows:1fr; }
.fila-panel{ min-height:0; overflow:hidden; padding-left:94px; }
.beneficio-box{ margin-bottom:30px; }
.beneficio-box{
  background:var(--hueso); color:var(--negro); padding:20px 22px;
  max-width:480px; box-shadow:0 12px 28px rgba(0,0,0,0.4);
}
.beneficio-box p{ font-size:13.5px; line-height:1.6; color:#2a1a16; }

/* ============ AGENDAR — ticket de reserva ============ */
.agendar{ position:relative; padding:96px 24px 64px; border-top:1px solid rgba(176,141,87,0.18); }
.agen-head{ padding:0 24px; margin-bottom:48px; }
.agen-title{
  font-family:'Bodoni Moda', serif; font-weight:700; font-variation-settings:'opsz' 14;
  font-size:clamp(30px,7.5vw,46px); line-height:1.08; max-width:520px; margin-bottom:16px;
}
.agen-title em{ font-style:italic; color:var(--brasa); }
.agen-lead{ color:var(--texto-tenue); font-size:14.5px; max-width:420px; line-height:1.6; }

.ticket{
  position:relative;
  max-width:640px;
  margin:0 auto;
  background:var(--hueso);
  box-shadow:0 22px 54px rgba(0,0,0,0.5);
  transform:rotate(-1deg);
}
.ticket-stub{ padding:30px 24px 24px; }
.ticket-label{
  font-family:'IBM Plex Mono', monospace; font-size:10px; letter-spacing:0.14em;
  text-transform:uppercase; color:var(--escarlata); margin-bottom:20px;
}
.ticket-pasos{ list-style:none; display:flex; flex-direction:column; gap:15px; margin-bottom:22px; }
.ticket-pasos li{ display:flex; gap:12px; font-size:13.5px; line-height:1.55; color:#2a1a16; }
.ticket-pasos .num{
  font-family:'IBM Plex Mono', monospace; font-weight:600; font-size:11.5px;
  color:var(--brasa); flex-shrink:0; padding-top:2px;
}
.ticket-meta{
  font-family:'IBM Plex Mono', monospace; font-size:10px; letter-spacing:0.08em;
  text-transform:uppercase; color:#8a7a72; border-top:1px solid rgba(13,6,5,0.15); padding-top:16px;
}

.ticket-perf{ position:relative; border-top:2px dashed rgba(13,6,5,0.25); }
.ticket-perf::before, .ticket-perf::after{
  content:''; position:absolute; width:24px; height:24px; border-radius:50%;
  background:var(--negro);
}
.ticket-perf::before{ left:-12px; top:-12px; }
.ticket-perf::after{ right:-12px; top:-12px; }

.ticket-calendario{ padding:26px 24px 32px; }

.agen-duda{ text-align:center; margin-top:32px; }

/* ============ FAQ — interrogatorio ============ */
.faq{ position:relative; padding:96px 24px 80px; border-top:1px solid rgba(176,141,87,0.18); }
.faq-head{ padding:0 24px; margin-bottom:52px; }
.faq-title{
  font-family:'Bodoni Moda', serif; font-weight:700; font-variation-settings:'opsz' 14;
  font-size:clamp(28px,7vw,42px); line-height:1.12; max-width:480px;
}

.interrogatorio{
  max-width:760px;
  display:grid;
  grid-template-columns:1fr;
  gap:1px;
  background:rgba(176,141,87,0.22);
  border:1px solid rgba(176,141,87,0.22);
}
.objecion{ background:var(--negro); padding:28px 22px; }
.obj-num{
  display:block; font-family:'IBM Plex Mono', monospace; font-size:11px;
  letter-spacing:0.14em; color:var(--bronce); margin-bottom:14px;
}
.obj-p{
  font-family:'Bodoni Moda', serif; font-weight:700; font-variation-settings:'opsz' 14;
  font-style:italic; font-size:clamp(17px,4.4vw,20px); line-height:1.3;
  color:var(--texto-claro); margin-bottom:12px;
}
.tag-p{
  font-family:'IBM Plex Mono', monospace; font-style:normal; font-size:11px;
  color:var(--brasa); margin-right:5px;
}
.obj-r{
  font-size:13.5px; line-height:1.55; color:var(--texto-tenue);
  padding-left:16px; border-left:2px solid rgba(140,20,20,0.45);
}
.tag-r{ font-family:'IBM Plex Mono', monospace; font-size:10.5px; color:var(--bronce); margin-right:5px; }
.obj-r strong{ color:var(--texto-claro); font-weight:600; }

/* respuesta "clasificada" — se desclasifica al tocar */
.respuesta-caja{ position:relative; }
.redaccion{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center; gap:8px;
  border:none; cursor:pointer; padding:0;
  background:
    repeating-linear-gradient(128deg, var(--escarlata) 0px, var(--escarlata) 9px, #300505 9px, #300505 18px);
  box-shadow:inset 0 0 0 1px rgba(237,230,223,0.12);
  transform-origin:left center;
  transition:transform 0.55s cubic-bezier(.76,0,.24,1), opacity 0.35s ease 0.1s;
}
.redaccion-label{
  font-family:'IBM Plex Mono', monospace; font-size:9.5px; letter-spacing:0.14em;
  text-transform:uppercase; color:var(--hueso); opacity:0.9; white-space:nowrap;
}
.redaccion:hover{ filter:brightness(1.12); }
.objecion.revelado .redaccion{ transform:scaleX(0); opacity:0; pointer-events:none; }
.obj-r{ transition:opacity 0.3s ease 0.25s; }
.objecion:not(.revelado) .obj-r{ opacity:0; }

.faq-cta-wrap{ margin-top:52px; padding:0 24px; }
.faq-cta-wrap .cta{ display:flex; margin:0 auto; }

/* ============ FOOTER — cierre de página con la firma ============ */
.site-footer{
  padding:48px 24px; text-align:center;
  border-top:1px solid rgba(176,141,87,0.18);
}
.site-footer .firma{
  font-family:'Alex Brush', cursive; font-size:clamp(28px,7vw,36px); color:var(--brasa);
}
.site-footer .metodo{
  display:block; margin-top:6px;
  font-family:'IBM Plex Mono', monospace; font-size:10px; letter-spacing:0.18em;
  text-transform:uppercase; color:var(--texto-tenue);
}

@media (max-width:760px){
  .hero{ padding-bottom:110px; }
  .fila-panel{ padding-left:0; }
}

@media (min-width:761px){
  .numero-fondo{ top:4vw; left:-4vw; font-size:34vw; }
  .hero{ padding:120px 64px 120px; }
  .test-head{ padding:0 64px; }
  .test-cta-wrap{ padding:56px 64px 0; }
  .prog-head{ padding:0 64px; }
  .fila-head{ padding:22px 64px; }
  .fila-body{ padding:0 64px; }
  .fila-panel{ padding-left:94px; }
  .historia{ padding:120px 64px 110px; }

  .agendar{ padding:120px 64px 90px; }
  .agen-head{ padding:0 64px; }
  .ticket{ display:flex; align-items:stretch; max-width:1040px; }
  .ticket-stub{ flex:0 0 340px; padding:44px 40px; }
  .ticket-calendario{ flex:1; min-width:0; padding:24px 20px; }
  .ticket-perf{ border-top:none; border-left:2px dashed rgba(13,6,5,0.25); width:0; flex:none; }
  .ticket-perf::before{ left:-12px; right:auto; top:-12px; bottom:auto; }
  .ticket-perf::after{ left:-12px; right:auto; top:auto; bottom:-12px; }

  .faq{ padding:120px 64px 96px; }
  .interrogatorio{ grid-template-columns:1fr 1fr; }
  .interrogatorio .objecion:last-child:nth-child(odd){ grid-column:1 / -1; }
  .faq-cta-wrap{ padding:0; }
}

/* ============ DESKTOP — el hero y los testimonios ganan una
   segunda columna real en vez de quedar pegados a la izquierda ============ */
@media (min-width:1024px){
  .hero{
    display:grid;
    grid-template-columns: minmax(0,600px) minmax(0,1fr);
    column-gap:64px;
    justify-content:normal;
    grid-template-areas:
      "badge video"
      "title video"
      "sub   video"
      "cta   video"
      "duda  video";
  }
  .numero-fondo{ top:-2vw; left:-3vw; font-size:26vw; }
  .calificador{ grid-area:badge; }
  .titulo{ grid-area:title; }
  .subtitulo{ grid-area:sub; }
  .vsl{ grid-area:video; align-self:center; max-width:600px; margin-bottom:0; }
  .cta{ grid-area:cta; }
  .duda{ grid-area:duda; }
}

@media (min-width:1400px){
  .vsl{ max-width:640px; }
}

/* ============ ULTRA-WIDE — límite de ancho para que el contenido
   no se estire a lo ancho de un monitor gigante ============ */
@media (min-width:1700px){
  .hero, .testimonios, .programa, .agendar, .faq{
    max-width:1700px; margin-left:auto; margin-right:auto;
  }
}

/* =====================================================================
   V2 — secciones nuevas (texto y estructura de la landing nueva,
   con la estética de siempre)
   ===================================================================== */

/* barra de cupos — queda fija arriba; al tocarla vuelve al inicio */
.cupos{
  position:sticky; top:0; z-index:40; display:block; text-decoration:none;
  background:var(--brasa); color:var(--hueso); text-align:center;
  font-family:'IBM Plex Mono', monospace; font-size:10.5px; letter-spacing:0.14em;
  text-transform:uppercase; padding:10px 16px; line-height:1.5;
}
.hero{ min-height:calc(100dvh - 38px); }
.cupos:hover{ background:#a41a1a; }
.saltar{
  position:absolute; left:12px; top:-60px; z-index:100; padding:12px 18px;
  background:var(--hueso); color:var(--negro); text-decoration:none;
  font-family:'IBM Plex Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase;
}
.saltar:focus{ top:12px; }
.cupos:focus-visible{ outline:2px solid var(--bronce); outline-offset:-4px; }
/* los saltos a #agendar no quedan tapados por la barra */
section[id]{ scroll-margin-top:40px; }
#inicio{ scroll-margin-top:80px; } /* vuelve justo al tope, con la barra incluida */
@media (prefers-reduced-motion: no-preference){ html{ scroll-behavior:smooth; } }

/* links de WhatsApp: son botones (abren el pop-up) pero se ven como link */
.duda button{
  background:none; border:none; padding:0; cursor:pointer;
  font:inherit; color:var(--texto-claro); text-decoration:underline; text-underline-offset:3px;
}
.duda button:hover{ color:var(--hueso); }

/* ---- Testimonios — capturas ---- */
.casos{
  display:grid; grid-template-columns:1fr; gap:28px;
  padding:0 24px; max-width:1240px;
}
.caso{ background:var(--hueso); color:var(--negro); display:flex; flex-direction:column; box-shadow:0 18px 40px rgba(0,0,0,0.45); }
/* las capturas se ven enteras y centradas; el alto mínimo alinea las tres tarjetas */
.caso-captura{
  height:300px; padding:18px; background:#E2D9CF; border-bottom:1px solid rgba(13,6,5,0.15);
  display:flex; flex-direction:column; justify-content:center; gap:10px;
}
.caso-captura img{ width:100%; height:auto; min-height:0; flex:0 1 auto; object-fit:contain; display:block; }
.caso-cuerpo{ padding:24px 22px 22px; display:flex; flex-direction:column; gap:12px; flex:1; }
.caso-tag{
  align-self:flex-start; font-family:'IBM Plex Mono', monospace; font-size:10px; letter-spacing:0.12em;
  text-transform:uppercase; color:var(--brasa); border:1px solid rgba(140,20,20,0.4); padding:5px 10px;
}
.caso-titulo{
  font-family:'Bodoni Moda', serif; font-weight:700; font-variation-settings:'opsz' 14;
  font-size:clamp(22px,5.5vw,26px); line-height:1.12;
}
.caso-titulo em{ font-style:italic; color:var(--brasa); }
.caso-texto{ font-size:14px; line-height:1.6; color:#2a1a16; }
.caso-persona{
  margin-top:auto; padding-top:14px; border-top:1px solid rgba(13,6,5,0.15);
  display:flex; align-items:center; gap:12px;
}
.avatar{
  width:42px; height:42px; border-radius:50%; flex-shrink:0; overflow:hidden;
  background:var(--escarlata); color:var(--hueso); display:grid; place-items:center;
  font-family:'Bodoni Moda', serif; font-style:italic; font-size:18px;
}
.avatar img{ width:100%; height:100%; object-fit:cover; }
.caso-nombre{ font-family:'Bodoni Moda', serif; font-weight:700; font-variation-settings:'opsz' 14; font-size:15px; }
.caso-red{ font-family:'IBM Plex Mono', monospace; font-size:11px; color:var(--brasa); text-decoration:none; }
.caso-red:hover{ text-decoration:underline; }
.testimonios .test-cta-wrap .cta, .programa .test-cta-wrap .cta{ display:flex; margin:0 auto; }

/* ---- Programa — lista dentro del acordeón ---- */
.prog-lead strong{ color:var(--texto-claro); font-weight:600; }
.beneficio-box strong{ font-weight:600; color:var(--negro); }
.beneficio-lista{ list-style:none; margin-top:14px; display:flex; flex-direction:column; gap:8px; }
.beneficio-lista li{ position:relative; padding-left:20px; font-size:13px; line-height:1.55; color:#2a1a16; }
.beneficio-lista li::before{ content:''; position:absolute; left:0; top:0.75em; width:10px; height:1px; background:var(--brasa); }

/* qué incluye — misma grilla de líneas finas que el FAQ */
.incluye{ padding:72px 24px 0; }
.incluye-grilla{
  display:grid; grid-template-columns:1fr; gap:1px; margin-top:8px;
  background:rgba(176,141,87,0.22); border:1px solid rgba(176,141,87,0.22);
}
.incluye-item{ background:var(--negro); padding:24px 22px; }
.incluye-num{ display:block; font-family:'IBM Plex Mono', monospace; font-size:11px; letter-spacing:0.14em; color:var(--bronce); margin-bottom:12px; }
.incluye-item h3{
  font-family:'Bodoni Moda', serif; font-weight:700; font-variation-settings:'opsz' 14;
  font-size:19px; line-height:1.25; margin-bottom:8px; color:var(--texto-claro);
}
.incluye-item p{ font-size:13.5px; line-height:1.6; color:var(--texto-tenue); }

/* bonos */
.bonos{ padding:72px 24px 0; }
.bonos-titulo{
  font-family:'Bodoni Moda', serif; font-weight:700; font-variation-settings:'opsz' 14;
  font-size:clamp(26px,6.5vw,36px); line-height:1.1; margin-bottom:28px;
}
.bonos-titulo em{ font-style:italic; color:var(--brasa); }
.bonos-lista{ list-style:none; border-top:1px solid rgba(176,141,87,0.28); }
.bonos-lista li{ display:grid; grid-template-columns:1fr; gap:6px; padding:20px 0; border-bottom:1px solid rgba(176,141,87,0.28); }
.bono-num{ font-family:'IBM Plex Mono', monospace; font-size:10.5px; letter-spacing:0.14em; text-transform:uppercase; color:var(--brasa); padding-top:4px; }
.bonos-lista h4{
  font-family:'Bodoni Moda', serif; font-weight:700; font-variation-settings:'opsz' 14;
  font-size:18px; margin-bottom:4px; color:var(--texto-claro);
}
.bonos-lista p{ font-size:13.5px; line-height:1.6; color:var(--texto-tenue); }

/* ---- Historia — polaroids + texto + hitos ---- */
.historia-grid{ position:relative; z-index:2; max-width:1180px; margin:0 auto; display:grid; grid-template-columns:1fr; gap:56px; }
.polaroids{ position:relative; height:440px; max-width:520px; width:100%; margin:0 auto; }
.polaroid{
  position:absolute; margin:0; background:var(--hueso);
  padding:10px 10px 40px; box-shadow:0 26px 50px -16px rgba(0,0,0,0.6);
  transition:transform 0.5s cubic-bezier(.22,1,.36,1);
}
.polaroid img{ width:100%; height:100%; object-fit:cover; object-position:50% 22%; display:block; background:#E2D9CF; }
.polaroid figcaption{
  position:absolute; left:0; right:0; bottom:8px; text-align:center;
  font-family:'Alex Brush', cursive; font-size:22px; color:#2a1a16;
}
.polaroid--1{ width:62%; height:300px; left:0; top:24px; transform:rotate(-4deg); z-index:2; }
.polaroid--2{ width:46%; height:210px; right:0; top:0; transform:rotate(5deg); z-index:1; }
.polaroid--3{ width:48%; height:210px; right:6%; bottom:0; transform:rotate(-2deg); z-index:3; }
.polaroid:hover{ transform:rotate(0) scale(1.02); z-index:4; }
.cinta{
  position:absolute; top:-12px; left:50%; width:80px; height:24px; z-index:1;
  transform:translateX(-50%) rotate(-3deg); background:rgba(176,141,87,0.6);
}
.historia-texto > p{ font-size:14.5px; line-height:1.7; color:var(--hueso); opacity:0.85; max-width:540px; }
.historia-texto > p + p{ margin-top:14px; }
.hitos{ list-style:none; margin-top:32px; border-left:1px solid rgba(237,230,223,0.45); max-width:540px; }
.hitos li{ position:relative; padding:0 0 22px 22px; }
.hitos li:last-child{ padding-bottom:0; }
.hitos li::before{
  content:''; position:absolute; left:-5px; top:5px; width:9px; height:9px; border-radius:50%;
  background:var(--hueso); box-shadow:0 0 0 3px var(--brasa);
}
.hitos b{
  display:block; font-family:'IBM Plex Mono', monospace; font-weight:500; font-size:10.5px;
  letter-spacing:0.14em; text-transform:uppercase; color:var(--hueso); margin-bottom:4px;
}
.hitos span{ font-size:14px; line-height:1.6; color:var(--hueso); opacity:0.85; }
/* historia: cada etapa es un punto de la línea; la frase clave en negrita sirve de ancla al leer en celular */
.hitos p{ font-size:14.5px; line-height:1.7; color:rgba(237,230,223,0.85); }
.hitos strong{ font-weight:600; color:var(--hueso); }
.hitos li{ padding-bottom:26px; }
.historia-texto > .hitos + p{ margin-top:32px; }
.historia-texto > .hist-remate{
  margin-top:22px; font-family:'Bodoni Moda', serif; font-style:italic; font-weight:600;
  font-size:clamp(20px,5vw,24px); line-height:1.3; opacity:1;
}
.firma-historia{
  font-family:'Alex Brush', cursive; font-size:clamp(40px,9vw,52px); color:var(--hueso);
  line-height:1; margin-top:26px; transform:rotate(-4deg); transform-origin:left center; width:fit-content;
}

/* ---- Agenda — Calendly dentro del ticket ---- */
.agen-lead strong{ color:var(--texto-claro); font-weight:600; }
.ticket-pasos b{ font-weight:600; color:var(--negro); }
.ticket-meta{ color:var(--brasa); }
.calendly-inline-widget{ min-width:280px; height:1000px; }

/* ---- FAQ ---- */
.faq-title em{ font-style:italic; color:var(--brasa); }
.faq-cta-wrap{ display:flex; flex-direction:column; align-items:center; text-align:center; }
.faq-cta-wrap .duda{ margin-top:18px; }

/* ---- Footer ---- */
.site-footer .legal{ display:block; max-width:640px; margin:14px auto 0; font-size:11px; line-height:1.6; color:var(--texto-tenue); opacity:0.8; }
.site-footer .legal a{ color:inherit; text-underline-offset:3px; }
.legal-links{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px 18px; margin:22px auto 4px; max-width:720px; }
.legal-links a{ font-size:12px; color:var(--texto-tenue); text-decoration:underline; text-underline-offset:3px; padding:6px 0; }
.legal-links a:hover{ color:var(--hueso); }
.casos-nota{ max-width:760px; margin:28px auto 0; padding:0 24px; text-align:center; font-size:12px; line-height:1.6; color:var(--texto-tenue); }

/* casilla de consentimiento del pop-up */
.consent{ margin:4px 0 18px; }
.consent-label{ display:flex; gap:12px; align-items:flex-start; cursor:pointer; font-size:12.5px; line-height:1.55; color:var(--texto-tenue); }
.consent-label input{ flex:0 0 auto; width:20px; height:20px; margin-top:1px; accent-color:var(--brasa); cursor:pointer; }
.consent-label a{ color:var(--hueso); }
.consent-label input:focus-visible{ outline:2px solid var(--bronce); outline-offset:2px; }

/* ---- Página legal ---- */
.legales{ max-width:760px; margin:0 auto; padding:72px 24px 96px; }
.legales h1{ font-family:'Bodoni Moda', serif; font-weight:700; font-variation-settings:'opsz' 14; font-size:clamp(32px,7vw,46px); line-height:1.08; color:var(--texto-claro); margin-bottom:10px; }
.legales h1 em{ font-style:italic; color:var(--brasa); }
.legales .actualizado{ font-family:'IBM Plex Mono', monospace; font-size:11px; letter-spacing:0.12em; text-transform:uppercase; color:var(--texto-tenue); margin-bottom:40px; }
.legales h2{ font-family:'Bodoni Moda', serif; font-weight:700; font-variation-settings:'opsz' 14; font-size:clamp(24px,5.5vw,30px); color:var(--texto-claro); margin:56px 0 18px; padding-top:28px; border-top:1px solid rgba(176,141,87,0.25); scroll-margin-top:56px; }
.legales h3{ font-family:'IBM Plex Mono', monospace; font-size:11.5px; font-weight:500; letter-spacing:0.12em; text-transform:uppercase; color:var(--bronce); margin:30px 0 10px; }
.legales p, .legales li{ font-size:15px; line-height:1.7; color:var(--texto-tenue); }
.legales p + p{ margin-top:12px; }
.legales ul{ padding-left:20px; margin-top:8px; }
.legales li + li{ margin-top:6px; }
.legales strong{ color:var(--texto-claro); font-weight:600; }
.legales a{ color:var(--hueso); }
.legales .aviso-aaip{ margin-top:24px; padding:18px 20px; border:1px solid rgba(176,141,87,0.35); font-size:13px; }
.legales .volver{ display:inline-block; margin-bottom:40px; font-family:'IBM Plex Mono', monospace; font-size:11px; letter-spacing:0.12em; text-transform:uppercase; color:var(--bronce); text-decoration:none; padding:8px 0; }
.legales .cta{ margin-top:18px; }

/* ---- Pop-up de WhatsApp ---- */
.wpp-modal{
  width:min(100% - 32px, 460px); max-height:calc(100dvh - 32px); margin:auto;
  background:var(--negro); color:var(--texto-claro);
  border:1px solid rgba(176,141,87,0.45); padding:40px 28px 32px;
  box-shadow:0 30px 80px rgba(0,0,0,0.7);
}
.wpp-modal::backdrop{ background:rgba(13,6,5,0.78); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); }
.wpp-cerrar{
  position:absolute; top:6px; right:6px; width:44px; height:44px;
  background:none; border:none; cursor:pointer; color:var(--texto-tenue); font-size:28px; line-height:1;
}
.wpp-cerrar:hover{ color:var(--hueso); }
.wpp-titulo{
  font-family:'Bodoni Moda', serif; font-weight:700; font-variation-settings:'opsz' 14;
  font-size:clamp(26px,7vw,32px); line-height:1.1; margin-bottom:12px; color:var(--texto-claro);
}
.wpp-titulo em{ font-style:italic; color:var(--brasa); }
.wpp-lead{ font-size:14px; line-height:1.6; color:var(--texto-tenue); margin-bottom:26px; }
.campo{ display:block; margin-bottom:18px; }
.campo-label{
  display:block; font-family:'IBM Plex Mono', monospace; font-size:10.5px; letter-spacing:0.12em;
  text-transform:uppercase; color:var(--bronce); margin-bottom:8px;
}
.campo input{
  width:100%; min-height:48px; padding:12px 14px;
  background:rgba(237,230,223,0.04); color:var(--hueso);
  border:1px solid rgba(176,141,87,0.35); border-radius:0;
  font-family:'Inter', sans-serif; font-size:16px;
}
.campo input::placeholder{ color:rgba(184,168,162,0.5); }
.campo input:focus{ outline:none; border-color:var(--bronce); background:rgba(237,230,223,0.07); }
.campo input[aria-invalid="true"]{ border-color:#C23A2A; }
.campo-error{ display:block; min-height:0; margin-top:6px; font-size:12.5px; color:#E26A5A; }
.campo-error:empty{ display:none; }
.trampa{ position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }
.wpp-enviar{ width:100%; justify-content:center; margin-top:8px; border:1px solid rgba(237,230,223,0.2); cursor:pointer; }
.wpp-enviar[disabled]{ opacity:0.6; cursor:wait; }
.wpp-estado{ margin-top:12px; font-size:13px; color:#E26A5A; text-align:center; }
.wpp-estado:empty{ display:none; }
.wpp-volver{ cursor:pointer; }
.cta:focus-visible, .cta-oscuro:focus-visible, .duda button:focus-visible, .wpp-cerrar:focus-visible{ outline:2px solid var(--bronce); outline-offset:3px; }
.wpp-modal[open]{ animation:modal-entra 0.35s cubic-bezier(.22,1,.36,1); }
@keyframes modal-entra{ from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:none; } }

/* ---- Página de gracias ---- */
.gracias-hero{ position:relative; overflow:hidden; padding:88px 24px 96px; text-align:center; }
.gracias-hero .numero-fondo{ top:6vw; }
.gracias-hero > *:not(.numero-fondo){ position:relative; z-index:2; }
.progreso{ list-style:none; display:flex; max-width:520px; margin:0 auto 44px; }
.progreso li{
  flex:1; padding-top:12px; border-top:2px solid rgba(176,141,87,0.28);
  font-family:'IBM Plex Mono', monospace; font-size:10px; letter-spacing:0.12em; text-transform:uppercase; color:var(--texto-tenue);
}
.progreso li.hecho{ border-top-color:var(--bronce); color:var(--bronce); }
.progreso li.ahora{ border-top-color:var(--brasa); color:var(--hueso); }
.gracias-hero .titulo{ margin:0 auto 22px; }
.gracias-hero .subtitulo{ margin:0 auto 44px; }
.gracias-hero .vsl, .gracias-video .vsl{ margin:0 auto; max-width:760px; }
.paso-label{
  display:inline-block; margin-bottom:22px; padding:8px 14px;
  background:var(--brasa); color:var(--hueso);
  font-family:'IBM Plex Mono', monospace; font-size:10.5px; letter-spacing:0.14em; text-transform:uppercase;
}
.gracias-prep, .gracias-video{ padding:88px 24px; border-top:1px solid rgba(176,141,87,0.18); }
.gracias-prep .faq-head, .gracias-video .faq-head{ text-align:center; padding:0; }
.gracias-prep .faq-title, .gracias-video .faq-title{ margin:0 auto; max-width:620px; }
.gracias-video .agen-lead{ margin:16px auto 44px; max-width:560px; }
.prep-grilla{ max-width:1000px; margin:0 auto; }
.prep-grilla .incluye-item a{ color:var(--texto-claro); text-decoration:underline; text-underline-offset:3px; }

@media (min-width:761px){
  .casos{ padding:0 64px; grid-template-columns:1fr 1fr; }
  .incluye, .bonos{ padding-left:64px; padding-right:64px; }
  .incluye-grilla{ grid-template-columns:1fr 1fr; }
  .bonos-lista li{ grid-template-columns:120px 1fr; gap:24px; }
  .polaroids{ height:540px; }
  .polaroid--1{ height:380px; }
  .polaroid--2, .polaroid--3{ height:260px; }
  .calendly-inline-widget{ height:720px; }
  .wpp-modal{ padding:48px 40px 40px; }
  .gracias-hero{ padding:110px 64px 110px; }
  .gracias-prep, .gracias-video{ padding:110px 64px; }
}
@media (min-width:1024px){
  .casos{ grid-template-columns:repeat(3,1fr); margin:0 auto; }
  .testimonios .test-head{ max-width:1240px; margin-left:auto; margin-right:auto; padding:0 64px; }
  .incluye-grilla{ grid-template-columns:repeat(4,1fr); }
  .interrogatorio{ max-width:1000px; grid-template-columns:repeat(3,1fr); }
  .interrogatorio .objecion:last-child:nth-child(odd){ grid-column:auto; }
  .prep-grilla{ grid-template-columns:repeat(3,1fr); }
  .bonos{ max-width:1000px; }
  .historia-grid{ grid-template-columns:1fr 1.05fr; gap:88px; align-items:start; }
  .polaroids{ height:600px; max-width:none; position:sticky; top:90px; }
  .polaroid--1{ height:420px; }
  .polaroid--2, .polaroid--3{ height:290px; }
}

/* =====================================================================
   V2 — movimiento suave. Solo entradas al scrollear y pequeños hovers;
   el diseño, los colores y la estructura son los del original.
   ===================================================================== */

/* entrada al aparecer en pantalla: sube 20px y aparece */
.anima .revela{
  opacity:0; transform:translateY(20px);
  transition:opacity 0.8s ease, transform 0.8s cubic-bezier(.22,1,.36,1);
  transition-delay:var(--retraso, 0s);
}
.anima .revela.visible{ opacity:1; transform:none; }

/* hero: entra escalonado al cargar */
@keyframes sube{ from{ opacity:0; transform:translateY(20px); } to{ opacity:1; transform:none; } }
@keyframes aparece{ from{ opacity:0; } to{ opacity:0.6; } }
.anima .hero .titulo,
.anima .hero .subtitulo,
.anima .hero .vsl,
.anima .hero .cta,
.anima .hero .duda{ animation:sube 0.9s cubic-bezier(.22,1,.36,1) both; }
.anima .hero .titulo{ animation-delay:0.1s; }
.anima .hero .subtitulo{ animation-delay:0.25s; }
.anima .hero .vsl{ animation-delay:0.4s; }
.anima .hero .cta{ animation-delay:0.55s; }
.anima .hero .duda{ animation-delay:0.65s; }
.anima .hero .numero-fondo{ animation:aparece 1.6s ease both; }
/* el calificador está rotado: sube sin perder la rotación */
@keyframes sube-rotado{ from{ opacity:0; transform:translateY(16px) rotate(-2.5deg); } to{ opacity:1; transform:rotate(-2.5deg); } }
.anima .hero .calificador{ animation:sube-rotado 0.9s cubic-bezier(.22,1,.36,1) both; }

/* hovers chicos */
.cta, .cta-oscuro{ transition:background 0.25s ease, transform 0.25s ease; }
.cta:hover, .cta-oscuro:hover{ transform:translateY(-2px); }

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{ animation:none !important; transition:none !important; }
}