@import url('f/montserrat.css');

/* ═══ Base — mobile first ═══════════════════════════════════════════════
   Marca Paloma Sahid: navy #1B152E · taupe #6D6353 · beige #EDE3DE
   Sin gradientes, sin emojis, sin exclamaciones. Limpio y premium. */
:root{
  --navy:#1B152E; --navy-2:#2A2340; --muted:#5A5172; --tenue:#948CA6;
  --taupe:#6D6353; --beige:#EDE3DE; --linea:#E2D3CE; --blanco:#fff;
  --ancho:1120px; --r:16px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--blanco); color:var(--navy);
  font:400 16px/1.65 'Montserrat',-apple-system,'Segoe UI',sans-serif;
  padding-bottom:88px; /* deja aire para la barra fija */
  overflow-x:hidden;
}
img,video{max-width:100%;display:block}
h1,h2,h3{margin:0 0 .5em;line-height:1.15;letter-spacing:-.015em;font-weight:700}
h1{font-size:31px}
h2{font-size:26px}
h3{font-size:18px}
p{margin:0 0 1em}
section{padding:56px 20px;max-width:var(--ancho);margin:0 auto}

.eyebrow{
  font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--taupe);margin:0 0 12px;
}
.bajada{color:var(--muted);font-size:16px;max-width:60ch}

/* botones */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--navy);color:#fff;border:0;border-radius:999px;
  padding:15px 34px;font:600 15px/1 'Montserrat',sans-serif;letter-spacing:.04em;
  cursor:pointer;text-decoration:none;transition:transform .18s,box-shadow .18s;
}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(27,21,46,.18)}
.btn-grande{width:100%;padding:17px 30px;font-size:16px}
.btn-secundario{background:#fff;color:var(--navy);border:1.5px solid var(--navy)}

/* ═══ Cabecera ═══ */
.cab{padding:18px 20px;display:flex;justify-content:center}
.cab-logo{width:120px;height:auto}

/* ═══ Hero ═══ */
.hero{padding-top:24px;text-align:center}
.hero h1{margin-bottom:26px}
.hero h1 em{font-style:normal;color:var(--taupe)}
.hero-video video{width:100%;border-radius:var(--r);background:#000;aspect-ratio:9/16;object-fit:cover}
.bullets{list-style:none;padding:0;margin:26px 0 0;text-align:left}
.bullets li{
  padding:16px 0;border-top:1px solid var(--linea);
  font-size:15.5px;line-height:1.6;color:var(--muted);
}
.bullets li:last-child{border-bottom:1px solid var(--linea)}
.bullets strong{color:var(--navy);font-weight:600}
.hero-cierre{margin-top:30px}
.cupos{
  display:inline-block;background:var(--beige);color:var(--navy);
  font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  padding:9px 20px;border-radius:999px;margin:0 0 16px;
}
.hero-para{font-size:13px;color:var(--tenue);margin:14px 0 0;line-height:1.5}
.certificaciones{margin:34px auto 0;width:100%;max-width:420px}

/* ═══ Resultados ═══ */
.resultados{text-align:center;background:var(--beige);max-width:none}
.resultados > *{max-width:var(--ancho);margin-inline:auto}
.comparadores{display:grid;gap:22px;margin-top:30px}
.comp{margin:0;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 6px 22px rgba(27,21,46,.07)}
.comp-marco{position:relative;overflow:hidden;cursor:ew-resize;touch-action:pan-y;line-height:0}
.comp-marco img{width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.comp-marco .despues{position:absolute;inset:0;height:100%;object-fit:cover}
.comp-marco .despues{clip-path:inset(0 0 0 var(--pos,50%))}
.comp-linea{position:absolute;top:0;bottom:0;left:var(--pos,50%);width:2px;background:#fff;box-shadow:0 0 8px rgba(27,21,46,.35);pointer-events:none}
.comp-tirador{
  position:absolute;top:50%;left:var(--pos,50%);transform:translate(-50%,-50%);
  width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 3px 14px rgba(27,21,46,.28);
  display:grid;place-items:center;font-size:15px;color:var(--navy);pointer-events:none;letter-spacing:-2px;
}
.comp-etq{position:absolute;top:12px;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:#fff;background:rgba(27,21,46,.55);padding:5px 11px;border-radius:999px;pointer-events:none}
.comp-etq.izq{left:12px}.comp-etq.der{right:12px}
.comp figcaption{padding:15px 12px;font-weight:600;font-size:15px;color:var(--navy)}

/* ═══ Testimonio destacado (en su propia línea) ═══ */
.destacado{display:grid;gap:22px;align-items:center;background:var(--beige);max-width:none;padding-top:0}
.destacado > *{max-width:var(--ancho);margin-inline:auto;width:100%}
.destacado-video video{width:100%;max-width:330px;margin:0 auto;border-radius:var(--r);background:#000;aspect-ratio:9/16;object-fit:cover}
.destacado blockquote{margin:0;text-align:center}
.destacado blockquote p{font-size:19px;line-height:1.5;color:var(--navy);font-weight:500}
.destacado footer{display:flex;flex-direction:column;gap:2px;align-items:center}
.destacado footer strong{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe)}
.destacado footer span{font-size:14px;color:var(--muted)}

/* ═══ Compensación (compacta) ═══ */
.compensacion{text-align:center;padding-top:48px;padding-bottom:48px}
.compensacion h2{font-size:23px;margin-bottom:22px}
.cifras{display:grid;gap:12px}
.cifra{padding:20px 16px;border:1px solid var(--linea);border-radius:var(--r)}
.cifra-destacada{background:var(--beige);border-color:transparent}
.cifra-n{display:block;font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.cifra-t{display:block;font-size:13.5px;color:var(--muted);margin-top:4px}
.compensacion-pie{margin:20px 0 0;font-size:14.5px;color:var(--muted)}

/* ═══ Testimonios ═══ */
.testimonios{text-align:center}
.grid-testimonios{display:grid;gap:20px;margin-top:26px}
.grid-testimonios figure{margin:0}
.grid-testimonios video{width:100%;border-radius:var(--r);background:#000;aspect-ratio:9/16;object-fit:cover}
.grid-testimonios figcaption{padding-top:11px;display:flex;flex-direction:column;gap:2px}
.grid-testimonios strong{font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--navy)}
.grid-testimonios span{font-size:13.5px;color:var(--muted)}

/* ═══ Programa ═══ */
.programa{background:var(--navy);color:#fff;max-width:none;text-align:center}
.programa > *{max-width:var(--ancho);margin-inline:auto}
.programa h2{color:#fff}
.programa-datos{display:grid;gap:22px;margin:26px 0 28px;text-align:left}
.dato{text-align:center}
.dato-n{display:block;font-size:60px;font-weight:700;line-height:1;color:#fff}
.dato-t{display:block;font-size:14px;color:#C9C2D6;margin-top:6px}
.dato-lista{list-style:none;padding:0;margin:0}
.dato-lista li{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.16);font-size:15px;color:#C9C2D6}
.dato-lista strong{color:#fff;font-weight:600}

/* ═══ Módulos ═══ */
.modulos{display:grid;gap:26px}
.modulos article{padding:26px 22px;background:var(--beige);border-radius:var(--r)}
.modulo-n{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--taupe)}
.modulos h3{margin:8px 0 12px;font-size:19px}
.modulos ul{margin:0;padding-left:18px;color:var(--muted);font-size:15px}
.modulos li{margin-bottom:9px}

/* ═══ Técnica ═══ */
.tecnica{display:grid;gap:26px}
.tecnica-video video{width:100%;max-width:340px;margin:0 auto;border-radius:var(--r);background:#000;aspect-ratio:9/16;object-fit:cover}
.tecnica p{color:var(--muted)}
.destaque{font-size:18px;font-weight:600;color:var(--navy);border-left:3px solid var(--taupe);padding-left:16px}
.tecnica-puntos{display:grid;gap:20px;margin-top:26px}
.tecnica-puntos h3{font-size:16px;margin-bottom:6px}
.tecnica-puntos p{font-size:14.5px;margin:0}

/* ═══ Paloma ═══ */
.paloma{display:grid;gap:24px;background:var(--beige);max-width:none}
.paloma > *{max-width:var(--ancho);margin-inline:auto;width:100%}
.paloma img{border-radius:var(--r);margin:0 auto}
.paloma-rol{font-size:14px;color:var(--taupe);font-weight:600;margin-bottom:16px}
.paloma p{color:var(--muted)}
.paloma .btn{margin-top:8px}

/* ═══ Expertas ═══ */
.expertas{text-align:center}
.grid-expertas{display:grid;gap:30px;margin-top:28px}
.grid-expertas img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto 14px}
.grid-expertas h3{margin-bottom:2px;font-size:17px}
.grid-expertas .rol{font-size:13px;color:var(--taupe);font-weight:600;margin-bottom:10px}
.grid-expertas p{font-size:14.5px;color:var(--muted);margin:0}

/* ═══ Entrevistas ═══ */
.entrevistas{text-align:center}
.grid-entrevistas{display:grid;gap:18px;margin-top:26px}
.grid-entrevistas video{width:100%;border-radius:var(--r);background:#000;aspect-ratio:16/9;object-fit:cover}
.prensa{display:flex;gap:26px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:30px;opacity:.75}
.prensa img{max-height:38px;width:auto}

/* ═══ FAQ ═══ */
.faq{max-width:820px}
.faq h2{text-align:center;margin-bottom:24px}
.faq-i{border-bottom:1px solid var(--linea)}
.faq-i:first-of-type{border-top:1px solid var(--linea)}
.faq-p{
  width:100%;background:none;border:0;padding:19px 2px;display:flex;align-items:center;
  justify-content:space-between;gap:16px;text-align:left;cursor:pointer;
  font:600 15.5px/1.4 'Montserrat',sans-serif;color:var(--navy);
}
.faq-p:hover{color:var(--taupe)}
.faq-ic{flex:0 0 auto;font-size:22px;font-weight:400;color:var(--taupe);width:20px;text-align:center}
.faq-r{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-i.abierto .faq-r{max-height:500px}
.faq-r p{margin:0 0 20px;font-size:14.5px;line-height:1.65;color:var(--muted)}

/* ═══ Cierre ═══ */
.cierre{background:var(--beige);max-width:none;display:grid;gap:26px;text-align:center}
.cierre > *{max-width:var(--ancho);margin-inline:auto;width:100%}
.cierre img{border-radius:50%;max-width:300px;margin:0 auto;aspect-ratio:1;object-fit:cover}
.cierre p{color:var(--muted);margin-bottom:20px}

/* ═══ Pie ═══ */
.pie{text-align:center;padding:40px 20px 30px;border-top:1px solid var(--linea)}
.pie img{width:110px;margin:0 auto 12px;opacity:.85}
.pie p{font-size:12.5px;color:var(--tenue);margin:0}

/* ═══ Barra fija ═══ */
.barra{
  position:fixed;left:0;right:0;bottom:0;z-index:900;
  background:rgba(255,255,255,.97);backdrop-filter:blur(8px);
  border-top:1px solid var(--linea);padding:10px 16px 12px;
  box-shadow:0 -6px 24px rgba(27,21,46,.07);
  display:flex;flex-direction:column;align-items:center;gap:8px;
}
.barra-txt{font-size:11.5px;color:var(--muted);text-align:center;line-height:1.35;margin:0}
.barra .btn{width:100%;padding:14px 20px}

/* ═══ Modal ═══ */
.ov{position:fixed;inset:0;background:rgba(27,21,46,.55);z-index:1000;display:none;
  align-items:center;justify-content:center;padding:18px;overflow-y:auto}
.ov.abierto{display:flex}
.md{background:#fff;border-radius:22px;max-width:470px;width:100%;padding:34px 24px 26px;position:relative;
  box-shadow:0 14px 40px rgba(27,21,46,.12);animation:aparece .28s cubic-bezier(.2,.7,.3,1)}
@keyframes aparece{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.md-x{position:absolute;top:14px;right:16px;background:none;border:0;font-size:21px;color:var(--tenue);cursor:pointer;padding:6px}
.md-x:hover{color:var(--navy)}
.md h2{font-size:23px;margin-bottom:6px}
.md-sub{font-size:14.5px;color:var(--muted);margin-bottom:20px}
.f{display:grid;gap:11px}
.f-2{display:grid;gap:11px}
.f input,.f select{width:100%;padding:13px 15px;border:1.5px solid var(--linea);border-radius:12px;
  font:400 15px 'Montserrat',sans-serif;color:var(--navy);background:#fff;outline:none}
.f input:focus,.f select:focus{border-color:var(--navy)}
.f input::placeholder{color:var(--tenue)}
.f select:invalid{color:var(--tenue)}
.f .btn{margin-top:4px}
.f-legal{font-size:11.5px;line-height:1.5;color:var(--tenue);margin:12px 0 0;text-align:center}
.f-msg{font-size:14px;line-height:1.55;margin:12px 0 0;padding:11px 13px;border-radius:12px;display:none}
.f-msg.err{display:block;background:#FBEDEA;color:#8A3324}
.f-msg.ok{display:block;background:var(--beige);color:var(--navy)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* ═══ ≥ 700px ═══════════════════════════════════════════════════════ */
@media (min-width:700px){
  body{padding-bottom:76px}
  h1{font-size:44px}
  h2{font-size:33px}
  section{padding:78px 32px}
  .hero{padding-top:30px}
  .hero-cuerpo{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:34px;align-items:center;text-align:left}
  .bullets{margin-top:0}
  .btn-grande{width:auto;min-width:280px}
  .comparadores{grid-template-columns:repeat(3,1fr)}
  .destacado{grid-template-columns:300px 1fr;gap:34px;padding-top:0}
  .destacado > *{margin-inline:0}
  .destacado blockquote{text-align:left}
  .destacado footer{align-items:flex-start}
  .destacado blockquote p{font-size:21px}
  .cifras{grid-template-columns:1fr 1fr;gap:16px}
  .cifra-n{font-size:37px}
  .grid-testimonios{grid-template-columns:repeat(3,1fr)}
  .programa-datos{grid-template-columns:200px 1fr;align-items:center;gap:36px}
  .modulos{grid-template-columns:repeat(3,1fr)}
  .tecnica{grid-template-columns:320px 1fr;gap:40px;align-items:center}
  .tecnica-puntos{grid-template-columns:1fr 1fr}
  .paloma{grid-template-columns:340px 1fr;gap:44px;align-items:center}
  .paloma > *{margin-inline:0}
  .grid-expertas{grid-template-columns:repeat(3,1fr);gap:34px}
  .grid-entrevistas{grid-template-columns:repeat(3,1fr)}
  .cierre{grid-template-columns:1fr 340px;align-items:center;text-align:left}
  .cierre > *{margin-inline:0}
  .barra{flex-direction:row;justify-content:center;gap:24px;padding:12px 24px}
  .barra-txt{font-size:14px}
  .barra .btn{width:auto}
  .md{padding:40px 40px 32px}
  .f-2{grid-template-columns:1fr 1fr}
}

/* ═══ ≥ 1024px ═══ */
@media (min-width:1024px){
  h1{font-size:52px}
  .comparadores{grid-template-columns:repeat(5,1fr);gap:16px}
  .grid-testimonios{grid-template-columns:repeat(5,1fr)}
  .hero-cuerpo{grid-template-columns:minmax(0,360px) 1fr;gap:48px}
}

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

/* ═══ Centrado global (18-08-2026, pedido de Roberto) ═══
   Reversión: borrar este bloque completo. */
.hero-cuerpo,
.bullets, .bullets li,
.destacado, .destacado blockquote,
.programa-datos, .dato, .dato-lista, .dato-lista li,
.tecnica, .tecnica-texto, .tecnica-puntos,
.paloma, .paloma-texto,
.modulos, .modulos article, .modulos ul,
.cierre,
.faq-p, .faq-r p{ text-align:center !important }

.destacado footer{ align-items:center !important }

.modulos ul, .tecnica ul, .paloma ul, .dato-lista{
  list-style-position:inside; padding-left:0 !important;
}
.destaque{ border-left:0 !important; padding-left:0 !important }
.faq-p{ justify-content:center !important }

/* ═══ Alineación de las secciones a sangre (18-08-2026) ═══
   Las secciones con fondo full-bleed (max-width:none) dejaban su contenido
   pegado al gutter de 32px en vez de alinearlo con la retícula de 1120px que
   usan las demás secciones. Se les da el mismo canal centrado por padding.
   Reversión: borrar este bloque completo. */
@media (min-width:700px){
  .resultados, .destacado, .programa, .paloma, .cierre{
    padding-inline: max(32px, calc((100% - var(--ancho))/2 + 32px));
  }
  .programa-datos{ margin-inline:0 }
}

/* ═══ Añadidos versión Colombia — quiebre, subheadline play, acento terracota ═══ */
:root{ --terra:#C05A3E; }

/* Subheadline motivador bajo el video */
.hero-play{
  max-width:400px; margin:14px auto 0;
  font-size:14.5px; line-height:1.5; color:var(--muted);
  font-style:italic;
}

/* Bloque del quiebre (mecanismo del problema) */
.quiebre{
  text-align:center;
  max-width:760px;
}
.quiebre h2{ margin-bottom:22px; }
.quiebre p{
  font-size:17px; line-height:1.65; color:var(--muted);
  max-width:64ch; margin:0 auto 18px;
}
.quiebre .quiebre-clave{
  font-size:20px; line-height:1.5; color:var(--navy); font-weight:600;
  margin:26px auto;
}
.quiebre .quiebre-clave, .quiebre-cierre{ max-width:60ch; }
.quiebre p strong{ color:var(--navy); font-weight:600; }
.quiebre .quiebre-cierre{
  font-size:18px; color:var(--navy); font-weight:500;
  border-left:3px solid var(--terra); padding-left:18px; display:inline-block;
  text-align:left; margin-top:8px;
}

/* Academia online previa — sección destacada sobre navy */
.preacademia{ max-width:none; background:var(--navy); padding-inline:20px; }
.preacademia-caja{ max-width:760px; margin:0 auto; text-align:center; }
.preacademia .eyebrow{ color:var(--terra); }
.preacademia h2{ color:#fff; margin-bottom:20px; }
.preacademia p{
  font-size:17px; line-height:1.65; color:#D9D3E0;
  max-width:64ch; margin:0 auto 16px;
}
.preacademia .preacademia-clave{
  font-size:19px; color:#fff; font-weight:600; margin-top:24px;
}

/* Banda de fechas — validación temprana bajo el hero */
.banda-fechas{
  max-width:none; background:var(--beige);
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
  gap:22px; padding:20px; text-align:center;
}
.banda-item{ display:flex; flex-direction:column; gap:2px; }
.banda-ciudad{ font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--terra); font-weight:700; }
.banda-fecha{ font-size:15px; color:var(--navy); font-weight:500; }
.banda-sep{ width:1px; height:34px; background:var(--linea); }

/* Oferta — detalle completo del evento */
.oferta{ text-align:center; max-width:820px; }
.oferta h2{ margin-bottom:30px; }
.oferta-fechas{ display:flex; gap:20px; justify-content:center; flex-wrap:wrap; margin-bottom:32px; }
.oferta-card{
  flex:1; min-width:220px; max-width:320px;
  border:1.5px solid var(--linea); border-radius:var(--r);
  padding:26px 22px; display:flex; flex-direction:column; gap:6px;
  background:#fff;
}
.oferta-ciudad{ font-size:24px; font-weight:700; color:var(--navy); }
.oferta-dia{ font-size:16px; color:var(--navy); font-weight:500; }
.oferta-sede{ font-size:14px; color:var(--muted); }
.oferta-incluye{
  list-style:none; padding:0; max-width:520px; margin:0 auto 26px; text-align:left;
}
.oferta-incluye li{
  position:relative; padding:11px 0 11px 30px;
  border-top:1px solid var(--linea); font-size:16px; color:var(--navy);
}
.oferta-incluye li:last-child{ border-bottom:1px solid var(--linea); }
.oferta-incluye li::before{
  content:""; position:absolute; left:2px; top:18px;
  width:9px; height:9px; border-radius:50%; background:var(--terra);
}
.oferta-escasez{
  font-size:18px; color:var(--navy); font-weight:600;
  background:var(--beige); display:inline-block; padding:12px 24px; border-radius:999px;
}