/* hiki · concepto (7-nov-2026): entras por tu momento de vida, ves la escalera y das un solo paso.
   Solo se publica con CONCEPTO=1. Usa los tokens de estilo.css (Poppins, púrpura, lavanda, violeta). Celular primero. */

.cn-hero{padding:clamp(36px,6vw,88px) 0 clamp(40px,6vw,80px);
  background:radial-gradient(70% 60% at 100% 0,rgba(124,58,237,.10),transparent 60%),var(--papel);border-bottom:1px solid var(--linea)}
.cn-hero-rejilla{display:grid;gap:36px;align-items:center}
.cn-hero h1{margin-top:12px;max-width:20ch}
@media (min-width:900px){.cn-hero-rejilla{grid-template-columns:1.15fr .85fr;gap:56px}}

/* la escalera como imagen */
.cn-esc{margin:0;background:var(--blanco);border:1px solid var(--linea);border-radius:var(--r);box-shadow:var(--sombra);padding:20px}
.cn-z{display:grid;gap:6px;padding:14px 16px;border-radius:12px;background:var(--tinta);color:#fff;margin-bottom:14px}
.cn-z .rotulo{color:var(--lavanda)}
.cn-z b{font-weight:600;font-size:16px;line-height:1.35}
.cn-esc-lista{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cn-esc-n{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--linea)}
.cn-esc-n.es-aqui{border-color:var(--violeta);background:var(--tinte);grid-template-columns:36px 1fr}
.cn-esc-num{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--tinte-2);color:var(--tinta);font-weight:700;font-size:15px}
.es-aqui .cn-esc-num{background:var(--violeta);color:#fff}
.cn-esc-txt{display:grid;gap:2px;min-width:0}
.cn-esc-txt b{font-weight:600;font-size:15px}
.cn-esc-txt small{font-size:13px;color:var(--tinta-2);line-height:1.45}
.cn-aqui{grid-column:2;justify-self:start;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--violeta-hondo)}

/* momentos */
.cn-momentos{list-style:none;margin:0;padding:0;display:grid;gap:14px}
@media (min-width:640px){.cn-momentos{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.cn-momentos{grid-template-columns:repeat(3,1fr)}}
.cn-mom{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;border-radius:var(--r);border:1px solid var(--linea);background:var(--papel)}
.cn-mom h3{font-size:1.15rem}
.cn-mom p{color:var(--tinta-2);font-size:15px;margin:0;flex:1}
.cn-mom .aviso{width:100%;margin-top:4px}
.cn-mom-abierto{background:var(--tinte);border-color:var(--violeta);box-shadow:var(--sombra)}
.cn-mom-abierto .btn{margin-top:4px}
@media (min-width:1000px){.cn-mom-abierto{grid-row:span 1}}

/* pasos y bloques numerados */
.cn-pasos{list-style:none;margin:0;padding:0;display:grid;gap:14px}
@media (min-width:800px){.cn-pasos{grid-template-columns:repeat(3,1fr)}}
.cn-pasos li{padding:20px;border-radius:var(--r);background:var(--blanco);border:1px solid var(--linea)}
.cn-pasos h3{margin:10px 0 6px}
.cn-pasos p{color:var(--tinta-2);font-size:15px}
.cn-n{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--tinta);color:#fff;font-weight:700;font-size:14px}
.cn-cuenta li{background:var(--papel)}

/* libros y productos */
.cn-libros{display:grid;gap:14px}
@media (min-width:700px){.cn-libros{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.cn-libros{grid-template-columns:repeat(3,1fr)}}
@media (min-width:700px){.cn-libros-uno{grid-template-columns:minmax(0,560px)}}
.cn-libro,.cn-prod{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--r);background:var(--blanco);border:1px solid var(--linea);min-width:0}
.cn-libro p{color:var(--tinta-2);font-size:15px;margin:0;flex:1}
.cn-libro-vivo{border-color:var(--violeta);box-shadow:var(--sombra)}
.cn-libro .btn{align-self:flex-start}
.cn-prod-cabeza{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.cn-fmt{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--tinta-2);background:var(--tinte);border-radius:999px;padding:3px 10px}
.cn-prod h3,.cn-libro h3{font-size:1.06rem}
.cn-prod h3 em,.cn-paso em,.cn-meta em{font-style:normal;color:var(--violeta-hondo)}
.cn-prod dl{margin:0;display:grid;gap:4px}
.cn-prod dt{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-3);margin-top:6px}
.cn-prod dd{margin:0;font-size:15px;color:var(--tinta)}
.cn-prod .aviso{margin-top:auto;padding-top:6px}
.cn-det{border-top:1px solid var(--linea);padding-top:6px}
.cn-det summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600;font-size:14.5px;color:var(--violeta-hondo)}
.cn-det ul{margin:4px 0 6px;padding-left:20px;display:grid;gap:6px;font-size:14.5px;color:var(--tinta-2)}

/* momento: A · B · Z */
.cn-z-linea{display:grid;gap:4px;margin-top:22px;padding:14px 16px;border-left:3px solid var(--violeta);background:var(--blanco);border-radius:0 12px 12px 0;max-width:60ch}
.cn-z-linea b{font-weight:600}
.cn-abz-lista{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.cn-abz{display:grid;gap:14px;padding:20px;border-radius:var(--r);border:1px solid var(--linea);background:var(--papel)}
.cn-abz > .cn-esc-num{background:var(--tinta);color:#fff}
.cn-abz-a q{display:block;font-size:1.08rem;font-weight:600;margin-top:4px;line-height:1.4}
.cn-abz-aqui{display:grid;gap:4px}
.cn-abz-aqui b{font-size:1.1rem;color:var(--violeta-hondo)}
.cn-abz-aqui small,.cn-meta small{font-size:14px;color:var(--tinta-2)}
.cn-abz-aqui small span,.cn-meta small span{font-weight:600;color:var(--tinta)}
.cn-abz-b{display:grid;gap:8px;padding:14px;border-radius:12px;background:var(--blanco);border:1px dashed var(--linea-2)}
.cn-abz-b .enlace{margin-top:4px}
.cn-paso{display:grid;gap:4px;justify-items:start}
.cn-paso b{font-weight:600;line-height:1.35}
.cn-paso small{font-size:14px;color:var(--tinta-2)}
.cn-paso .enlace{margin-top:4px}
.cn-paso-estado{margin:0}
.cn-paso-nota{margin:0;color:var(--tinta-2);font-size:15px}
@media (min-width:900px){
  .cn-abz{grid-template-columns:36px 1fr 1fr 1.2fr;align-items:start}
}

/* metas */
.cn-metas{list-style:none;margin:0;padding:0;display:grid;gap:12px}
@media (min-width:700px){.cn-metas{grid-template-columns:repeat(2,1fr)}}
.cn-meta{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px;border-radius:14px;background:var(--blanco);border:1px solid var(--linea)}
.cn-meta b{font-weight:600}

/* formatos */
.cn-formatos{list-style:none;margin:0;padding:0;display:grid;gap:14px}
@media (min-width:800px){.cn-formatos{grid-template-columns:repeat(2,1fr)}}
.cn-formatos li{padding:20px;border-radius:var(--r);background:var(--blanco);border:1px solid var(--linea)}
.cn-formatos b{display:block;font-weight:600;margin-bottom:6px}
.cn-formatos p{color:var(--tinta-2);font-size:15px}
.cn-mas{margin-top:26px}
.cn-nota-idioma{margin-top:14px;font-size:14px;color:var(--tinta-3);max-width:60ch}

/* tienda por niveles */
.cn-niveles{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.cn-nivel{display:grid;grid-template-columns:36px 1fr 18px;gap:14px;align-items:center;padding:18px;border-radius:var(--r);border:1px solid var(--linea);
  background:var(--papel);text-decoration:none;color:var(--tinta);min-height:44px}
.cn-nivel:hover{border-color:var(--violeta)}
.cn-nivel .flecha{width:18px;height:18px;color:var(--violeta)}
.cn-nivel-txt{display:grid;gap:3px;min-width:0}
.cn-nivel-txt b{font-size:1.1rem;font-weight:600}
.cn-nivel-txt small{font-size:14px;color:var(--tinta-2)}
.cn-cuenta{font-family:var(--mono);font-size:12px;color:var(--violeta-hondo)}
.cn-nivel-cabeza{display:grid;gap:12px;margin-top:20px;max-width:64ch}
.cn-nivel-cabeza p{margin:0;display:grid;gap:4px}
.cn-nivel-cabeza q{font-size:1.06rem;font-weight:600}
.cn-h2{font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem);margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:baseline}
.cn-mod + .cn-h2{margin-top:48px}
.cn-mod{margin-bottom:32px}
.cn-mod-cabeza{max-width:70ch;margin-bottom:16px}
.cn-mod-cabeza h3{font-size:1.15rem;margin-bottom:6px}
.cn-mod-cabeza p{color:var(--tinta-2);font-size:15px}
.cn-prods{display:grid;gap:14px}
@media (min-width:700px){.cn-prods{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.cn-prods{grid-template-columns:repeat(3,1fr)}}
.cn-mentor{max-width:60ch}
.cn-mentor p{color:var(--tinta-2)}
.cn-otros{list-style:none;margin:0;padding:0;display:grid;gap:10px}
@media (min-width:640px){.cn-otros{grid-template-columns:repeat(2,1fr)}}
.cn-otro{display:flex;gap:12px;align-items:center;padding:10px 14px;border-radius:14px;background:var(--blanco);border:1px solid var(--linea);
  text-decoration:none;font-weight:600;min-height:52px}
.cn-otro:hover{border-color:var(--violeta)}
.cn-cuenta-aviso{max-width:420px;margin-top:20px}
.cn-beta{margin-top:20px;color:var(--tinta-2);font-size:15px}
.cn-beta a{font-weight:600;color:var(--violeta-hondo);display:inline-block;min-height:32px;padding:4px 0}

/* plataforma, sobre fondo noche */
.cn-plataforma .btn{margin-top:4px}

@media (prefers-reduced-motion:reduce){.cn-det summary{transition:none}}

/* comunicación comercial (7-nov-2026): las páginas hablan desde los productos */
.cn-hero-rejilla{align-items:start}
@media (min-width:900px){.cn-hero-rejilla{grid-template-columns:1.1fr .9fr}}
.cn-oferta{min-width:0}
.cn-oferta-h{margin-top:12px;max-width:22ch}
h3.cn-oferta-h,.sec .cn-oferta-h{font-size:clamp(1.4rem,1.1rem + 1.2vw,2.1rem);line-height:1.2}
.cn-prueba{margin:14px 0 0;padding:12px 14px;border-left:3px solid var(--violeta);background:var(--blanco);border-radius:0 12px 12px 0;
  font-weight:600;max-width:52ch}
.cn-oferta .botones{margin-top:20px}
.cn-oferta .btn-primario{font-size:1.05rem;min-height:52px}
.cn-garantias{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:var(--tinta-2)}
.cn-garantias li{display:flex;align-items:center;gap:6px}
.cn-garantias li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--violeta);flex:none}
.cn-nota{margin:10px 0 0;font-size:14px;color:var(--tinta-3);max-width:56ch}

.cn-pronto{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--r);box-shadow:var(--sombra);padding:20px;min-width:0}
.cn-pronto h2{font-size:1.15rem;margin:10px 0 12px}
.cn-pronto .enlace{margin-top:12px}
.cn-minis{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cn-mini{display:grid;gap:3px;justify-items:start;padding:12px 14px;border-radius:12px;border:1px solid var(--linea);text-decoration:none;color:var(--tinta);min-height:44px}
.cn-mini:hover{border-color:var(--violeta)}
.cn-mini b{font-weight:600;line-height:1.35}
.cn-mini small{font-size:14px;color:var(--tinta-2)}
.cn-mini em{font-style:normal;color:var(--violeta-hondo)}

.cn-logras{display:grid;gap:20px}
@media (min-width:860px){.cn-logras{grid-template-columns:1.2fr .8fr;gap:32px}}
.cn-check{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cn-check li{position:relative;padding-left:30px;font-size:16px;line-height:1.5}
.cn-check li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--violeta)}
.cn-check li::after{content:"";position:absolute;left:7px;top:7px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.cn-trae{padding:18px 20px;border-radius:var(--r);background:var(--tinte);border:1px solid var(--linea)}
.cn-trae h3{font-size:1.05rem;margin-bottom:8px}
.cn-trae ul{margin:0;padding-left:20px;display:grid;gap:6px;font-size:15px;color:var(--tinta-2)}
.cn-honesto{margin:24px 0 0;max-width:68ch;font-size:15px;color:var(--tinta-2);padding:14px 16px;border:1px dashed var(--linea-2);border-radius:12px}

.cn-para{display:grid;gap:16px}
@media (min-width:800px){.cn-para{grid-template-columns:1.3fr 1fr}}
.cn-si,.cn-no{padding:20px;border-radius:var(--r);background:var(--blanco);border:1px solid var(--linea)}
.cn-si h3,.cn-no h3{font-size:1.05rem;margin-bottom:12px}
.cn-no ul{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--tinta-2)}

.cn-faq{display:grid;gap:10px;max-width:760px}
.cn-faq-i{background:var(--blanco);border:1px solid var(--linea);border-radius:14px;padding:0 18px}
.cn-faq-i summary{cursor:pointer;min-height:52px;display:flex;align-items:center;font-weight:600;font-size:16px}
.cn-faq-i p{margin:0 0 16px;color:var(--tinta-2);font-size:15.5px;line-height:1.6}

.cn-partes{list-style:none;margin:0;padding:0;display:grid;gap:28px}
.cn-parte{display:grid;gap:14px;padding:20px;border-radius:var(--r);border:1px solid var(--linea);background:var(--papel)}
.cn-parte-cabeza{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start}
.cn-parte-cabeza > .cn-esc-num{background:var(--tinta);color:#fff}
.cn-parte h3{font-size:1.2rem}
.cn-parte-a{margin:6px 0 0}
.cn-parte-a q{font-weight:600}
.cn-parte-z{margin:6px 0 0;font-size:15px;color:var(--tinta-2)}
.cn-parte .enlace{margin-top:0}
.cn-prod-corta p{margin:0;font-size:15px;color:var(--tinta-2);flex:1}

/* ---- página por producto /mas60/NNN/ (concepto_productos.py) ---- */
.cn-prod-a{color:inherit;text-decoration:underline;text-decoration-color:var(--lavanda);text-underline-offset:3px}
.cn-prod-a:hover{text-decoration-color:var(--violeta)}
.cp-rejilla{display:grid;gap:24px;align-items:start}
@media (min-width:900px){.cp-rejilla{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);column-gap:40px;row-gap:0}
.cp-intro{grid-column:1;grid-row:1}.cp-fig{grid-column:1;grid-row:2}.cp-compra{grid-column:2;grid-row:1 / span 2;position:sticky;top:88px}}
.cp-intro{min-width:0}
.cp-intro h1{margin-top:10px;max-width:24ch}
.cp-miga{display:inline-block;font-size:14px;font-weight:600;color:var(--violeta-hondo);text-decoration:none;padding:6px 0;min-height:32px}
.cp-miga:hover{text-decoration:underline}
.cp-fig{margin:0;max-width:560px}
@media (min-width:900px){.cp-fig{margin-top:20px}}
.cp-compra .chip,.cp-sig .cn-fmt{justify-self:start}
.cp-fig img{display:block;width:100%;height:auto;border-radius:var(--r);box-shadow:var(--sombra);background:var(--tinte)}
.cp-fig-guia{max-width:300px}
.cp-compra{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--r);box-shadow:var(--sombra);padding:20px;display:grid;gap:12px;min-width:0}
.cp-compra-h{font-size:1.1rem;margin:0}
.cp-compra p{margin:0;line-height:1.5}
.cp-precio{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.cp-monto{font-size:2rem;font-weight:700;color:var(--tinta)}
.cp-formato{font-size:15px;color:var(--tinta-2)}
.cp-compra .btn{width:100%;justify-content:center}
.cp-gratis{border-top:1px solid var(--linea);padding-top:12px;display:grid;gap:10px}
.cp-nota{font-size:15px;color:var(--tinta-2)}
.cp-bloques{display:grid;gap:32px;max-width:760px}
.cp-bloque h2{font-size:clamp(1.3rem,1.1rem + .8vw,1.7rem);margin:0 0 12px}
.cp-texto p{margin:0 0 12px;line-height:1.6;font-size:17px}
.cp-texto .cn-check{margin:4px 0 12px}
.cp-ol{margin:0 0 12px;padding-left:22px;display:grid;gap:8px;line-height:1.55;font-size:17px}
.cp-final{display:grid;gap:24px}
@media (min-width:900px){.cp-final{grid-template-columns:1fr 1fr;gap:40px}}
.cp-final h2{font-size:1.35rem;margin:0 0 10px}
.cp-final p{margin:0 0 12px}
.cp-sig{display:grid;gap:4px;padding:16px;border:1px solid var(--linea-2);border-radius:12px;background:var(--blanco);color:var(--tinta);text-decoration:none}
.cp-sig:hover{border-color:var(--violeta)}
.cp-sig small{color:var(--tinta-2);font-size:15px}
.cp-volver{display:inline-flex;margin-top:24px}
.cp-foto{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r)}

/* ---- portada de propósitos (7-nov-2026): «Logra tus propósitos manejando la IA», para todo público ---- */
.cn-portada{position:relative;overflow:hidden;padding:clamp(32px,6vw,88px) 0 clamp(40px,6vw,88px);border-bottom:1px solid var(--linea);
  background:radial-gradient(60% 70% at 100% 0,rgba(124,58,237,.13),transparent 62%),radial-gradient(40% 50% at 0 100%,rgba(196,181,224,.28),transparent 70%),var(--papel)}
.cn-portada-rejilla{display:grid;gap:36px;align-items:center}
@media (min-width:960px){.cn-portada-rejilla{grid-template-columns:1.05fr .95fr;gap:56px}}
.cn-portada h1{font-size:clamp(2.3rem,1.3rem + 4vw,4.3rem);line-height:1.04;letter-spacing:-.035em;max-width:13ch}
.cn-portada h1 em{font-style:normal;color:var(--violeta-hondo);background:linear-gradient(transparent 68%,rgba(196,181,224,.7) 68%,rgba(196,181,224,.7) 92%,transparent 92%);
  -webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .06em}
.cn-portada .lead{font-size:clamp(1.05rem,.98rem + .4vw,1.25rem);max-width:46ch}
.cn-portada .btn-primario{min-height:52px;font-size:1rem}
.cn-mosaico{position:relative;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:12px;min-width:0;
  height:clamp(300px,42vw,500px);padding-bottom:56px}
.cn-mosaico img{display:block;width:100%;height:100%;object-fit:cover;border-radius:18px;background:var(--tinte);box-shadow:var(--sombra)}
.cn-mosaico-1{grid-row:1 / span 2}
.cn-primer{position:absolute;left:clamp(-8px,-1vw,0px);bottom:0;max-width:min(92%,360px);display:grid;gap:4px;justify-items:start;padding:16px 18px;
  border-radius:16px;background:var(--blanco);border:1px solid var(--linea);box-shadow:0 18px 40px -16px rgba(27,10,46,.35);text-decoration:none;color:var(--tinta)}
.cn-primer:hover{border-color:var(--violeta)}
.cn-primer b{font-weight:600;line-height:1.3;font-size:1.02rem}
.cn-primer small{font-size:13px;color:var(--tinta-3)}
.cn-primer em,.cn-meta-paso em,.cn-fila em,.cn-abz3 em{font-style:normal;color:var(--violeta-hondo)}
@media (max-width:599px){.cn-mosaico{height:auto;grid-template-columns:repeat(3,1fr);grid-template-rows:150px;padding-bottom:0;gap:8px}
  .cn-mosaico-1{grid-row:auto}.cn-mosaico img{border-radius:12px}
  .cn-primer{position:relative;left:auto;grid-column:1 / -1;max-width:none;margin-top:-34px;margin-inline:10px}}

/* tarjetas de propósito */
.cn-metas-t{list-style:none;margin:0;padding:0;display:grid;gap:18px}
@media (min-width:700px){.cn-metas-t{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.cn-metas-t{grid-template-columns:repeat(3,1fr)}}
.cn-meta-t{display:flex;flex-direction:column;border-radius:20px;background:var(--blanco);border:1px solid var(--linea);overflow:hidden;min-width:0;
  transition:border-color .2s,box-shadow .2s,transform .2s}
.cn-meta-t:hover{border-color:var(--lavanda);box-shadow:var(--sombra);transform:translateY(-2px)}
.cn-meta-foto{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--tinte)}
.cn-meta-cuerpo{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 20px 22px;flex:1}
.cn-meta-h{font-size:clamp(1.3rem,1.15rem + .5vw,1.55rem);line-height:1.2;letter-spacing:-.025em}
.cn-meta-h a{color:var(--tinta);text-decoration:none}
.cn-meta-h a:hover{color:var(--violeta-hondo)}
:lang(es) .cn-meta-h a,:lang(es) .cn-logra-cabeza h1{quotes:"«" "»"}
:lang(en) .cn-meta-h a,:lang(en) .cn-logra-cabeza h1{quotes:"“" "”"}
.cn-meta-h a::before,.cn-logra-cabeza h1::before{content:open-quote;color:var(--violeta)}
.cn-meta-h a::after,.cn-logra-cabeza h1::after{content:close-quote;color:var(--violeta)}
.cn-meta-logras{margin:0;display:grid;gap:4px;font-size:15.5px;line-height:1.5;color:var(--tinta-2)}
.cn-meta-paso{display:grid;gap:6px;justify-items:start;width:100%;padding:12px 14px;border-radius:14px;background:var(--tinte);margin-top:auto}
.cn-meta-paso b{font-weight:600;line-height:1.35;font-size:15px}
.cn-meta-paso .cn-fmt{background:var(--blanco)}
.cn-meta-botones{display:flex;flex-wrap:wrap;gap:8px;width:100%}
.cn-meta-botones .btn{flex:1 1 auto}
@media (min-width:700px){
  .cn-meta-t:last-child:nth-child(odd){grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
  .cn-meta-t:last-child:nth-child(odd) .cn-meta-foto{height:100%;aspect-ratio:auto}}
@media (min-width:1100px){
  .cn-meta-t:last-child:nth-child(3n+1){grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
  .cn-meta-t:last-child:nth-child(3n+1) .cn-meta-foto{height:100%;aspect-ratio:auto;min-height:220px}
  .cn-meta-t:last-child:nth-child(3n+1) .cn-meta-cuerpo{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-content:start}
  .cn-meta-t:last-child:nth-child(3n+1) .cn-meta-cuerpo>.chip,.cn-meta-t:last-child:nth-child(3n+1) .cn-meta-h{grid-column:1 / -1}}

/* empieza hoy */
.cn-hoy{display:grid;gap:18px}
.cn-hoy-libro{display:grid;gap:18px;padding:20px;border-radius:20px;background:var(--blanco);border:1.5px solid var(--violeta);box-shadow:var(--sombra);min-width:0}
@media (min-width:640px){.cn-hoy-libro{grid-template-columns:150px 1fr;gap:28px;padding:26px}}
.cn-hoy-tapa{display:block;width:120px;height:auto;border-radius:6px;box-shadow:0 12px 28px rgba(27,10,46,.3)}
@media (min-width:640px){.cn-hoy-tapa{width:150px}}
.cn-hoy-libro-txt{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.cn-hoy-libro h3{font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem);line-height:1.2}
.cn-hoy-libro p{margin:0;color:var(--tinta-2);max-width:60ch}
.cn-hoy-libro .cn-prueba{color:var(--tinta);margin:0}
.cn-hoy-libro .botones{margin-top:6px}
.cn-hoy-libro .cn-garantias{margin-top:4px}
@media (min-width:1100px){.cn-prods-4{grid-template-columns:repeat(4,1fr)}}

/* momentos en la portada */
.cn-mom-libro{margin:0;display:grid;gap:4px;justify-items:start;font-size:15px}
.cn-mom-libro b{font-weight:600;line-height:1.35}
.cn-mom-abierto .enlace{margin-top:0}

/* migas */
.cn-migas ol{list-style:none;margin:0 0 14px;padding:0;display:block;line-height:1.7;font-size:14px;color:var(--tinta-3)}
.cn-migas li{display:inline}
.cn-migas li+li::before{content:"›";margin:0 8px;color:var(--lavanda);font-weight:600}
.cn-migas a{color:var(--violeta-hondo);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;min-height:32px}
.cn-migas a:hover{text-decoration:underline}

/* página por propósito /logra/<id>/ */
.cn-logra-cabeza{background:radial-gradient(60% 80% at 100% 0,rgba(124,58,237,.10),transparent 60%),var(--papel)}
.cn-logra-rejilla{display:grid;gap:28px;align-items:center}
@media (min-width:900px){.cn-logra-rejilla{grid-template-columns:1.25fr .75fr;gap:48px}}
.cn-logra-cabeza h1{margin-top:8px;max-width:18ch}
.cn-logra-cabeza .chip{margin-top:4px}
.cn-logra-logras{margin:18px 0 0;display:grid;gap:6px;font-size:clamp(1.08rem,1rem + .4vw,1.3rem);line-height:1.5;max-width:46ch;color:var(--tinta)}
.cn-logra-foto{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:20px;box-shadow:var(--sombra);background:var(--tinte)}
.cn-abz3{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:abz}
@media (min-width:900px){.cn-abz3{grid-template-columns:1fr 1.25fr 1fr;align-items:stretch}}
.cn-abz3 li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;border-radius:20px;background:var(--papel);border:1px solid var(--linea);min-width:0}
.cn-abz3 h3{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-3)}
.cn-abz3-l{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--tinte-2);color:var(--tinta);font-weight:700;font-size:18px}
.cn-abz3 q{font-size:1.12rem;font-weight:600;line-height:1.4}
.cn-abz3 p{margin:0;color:var(--tinta-2);line-height:1.5}
.cn-abz3-z p{color:var(--tinta);font-weight:600;font-size:1.06rem}
.cn-abz3-b{background:var(--blanco)!important;border:1.5px solid var(--violeta)!important;box-shadow:var(--sombra)}
.cn-abz3-b .cn-abz3-l{background:var(--violeta);color:#fff}
.cn-abz3-z .cn-abz3-l{background:var(--tinta);color:#fff}
.cn-abz3-prod{font-size:1.15rem;font-weight:600;line-height:1.3}
.cn-abz3-b .btn{margin-top:auto}
@media (min-width:900px){.cn-abz3-a::after,.cn-abz3-b::after{content:"";position:absolute;top:44px;right:-17px;width:18px;height:2px;background:var(--lavanda)}}
.cn-filas{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:fila}
.cn-fila{display:grid;grid-template-columns:36px minmax(0,1fr);gap:6px 14px;align-items:center;padding:14px 16px;border-radius:16px;background:var(--papel);border:1px solid var(--linea)}
.cn-fila:first-child{border-color:var(--violeta);background:var(--blanco)}
.cn-fila-n{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--tinte-2);font-weight:700;font-size:14px;align-self:start}
.cn-fila:first-child .cn-fila-n{background:var(--violeta);color:#fff}
.cn-fila-txt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0}
.cn-fila h3{flex-basis:100%;font-size:1.04rem;line-height:1.3}
.cn-fila h3 a{color:var(--tinta);text-decoration:none}
.cn-fila h3 a:hover{color:var(--violeta-hondo);text-decoration:underline}
.cn-fila p{flex-basis:100%;margin:0;font-size:14.5px;color:var(--tinta-2)}
.cn-fila-btn{grid-column:2;justify-self:start}
@media (min-width:700px){.cn-fila{grid-template-columns:36px minmax(0,1fr) auto}.cn-fila-btn{grid-column:3}}
@media (prefers-reduced-motion:reduce){.cn-meta-t{transition:none}.cn-meta-t:hover{transform:none}}
:lang(en) .cn-abz3 q{quotes:"“" "”"}
:lang(es) .cn-abz3 q{quotes:"«" "»"}

/* Gratis del portal (000_GRATIS_DEL_PORTAL.md): sello, sección «Empieza gratis», página del formulario y ficha */
.cn-sello{display:inline-flex;align-items:center;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;
  background:#F4BE5A;color:#1B0A2E;border-radius:999px;padding:3px 10px;white-space:nowrap}
.cn-gratis-lista{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:720px){.cn-gratis-lista{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.cn-gratis-lista{grid-template-columns:repeat(3,1fr)}}
.cn-gratis{border:2px solid #F4BE5A}
.cn-gratis .cn-prod-cabeza{gap:8px;flex-wrap:wrap}
.cn-gratis dl{margin:0;display:grid;gap:2px}.cn-gratis dt{font-size:13px;color:var(--tinta-2);margin-top:8px}.cn-gratis dd{margin:0}
.cn-gratis-despues{font-size:14px;color:var(--tinta-2);margin:10px 0}
.cn-meta-gratis{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:14px;line-height:1.4;width:100%}
.cn-meta-gratis a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.cn-gratis-pagina{display:grid;gap:28px;grid-template-columns:1fr;max-width:980px}
@media (min-width:900px){.cn-gratis-pagina{grid-template-columns:1fr 1fr;align-items:start}}
.cn-gratis-dl{margin:0 0 12px;display:grid;gap:4px}.cn-gratis-dl dt{font-size:13px;color:var(--tinta-2);margin-top:10px}.cn-gratis-dl dd{margin:0;font-size:17px}
.cn-gratis-ficha{border-top:1px solid var(--linea, #e6dff2);padding-top:14px;margin-top:14px}
.cp-gratis-h{display:flex;gap:8px;align-items:center;font-size:17px;margin:0 0 6px}
.cp-compra .cn-sello{margin-left:6px}

/* ---- rediseño comercial (7-nov-2026, Felipe: «más viva, con mejor diseño; que sea comercial y logremos vender») ----
   Cabecera de noche con la clase en video, «Qué necesitas», tarjetas de propósito con foto grande, precio y su avance.
   Movimiento solo con transform y opacity; con prefers-reduced-motion todo queda quieto. Celular primero (390 px). */
:root{--oro:#F4BE5A;--oro-hondo:#B07A12}

/* cabecera */
.cn-cab{color:#fff;border-bottom:0;
  background:radial-gradient(70% 55% at 88% 8%,rgba(124,58,237,.55),transparent 62%),
    radial-gradient(55% 45% at 0% 100%,rgba(244,190,90,.16),transparent 70%),
    linear-gradient(180deg,#1B0A2E 0%,var(--noche) 100%)}
.cn-cab .cn-portada-rejilla{gap:28px}
.cn-cab h1{color:#fff;max-width:14ch;margin-top:14px}
.cn-cab h1 em{color:#fff;background:linear-gradient(transparent 64%,rgba(244,190,90,.62) 64%,rgba(244,190,90,.62) 90%,transparent 90%);
  -webkit-box-decoration-break:clone;box-decoration-break:clone}
.cn-cab .lead{color:var(--sobre-noche-2);max-width:44ch}
.cn-cab-precio{display:inline-flex;margin:0;font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--oro);background:rgba(244,190,90,.12);border:1px solid rgba(244,190,90,.4);border-radius:999px;padding:6px 12px}
.cn-cab .botones{display:grid;gap:10px;margin-top:24px}
@media (min-width:520px){.cn-cab .botones{display:flex;flex-wrap:wrap}}
.cn-btn-fuerte{background:var(--violeta);color:#fff;min-height:54px;font-size:1.02rem;padding:12px 22px;
  box-shadow:0 12px 32px -10px rgba(124,58,237,.9);transition:transform .2s,box-shadow .2s,background .2s}
.cn-btn-fuerte:hover{background:#6D28D9;transform:translateY(-1px);box-shadow:0 16px 36px -10px rgba(124,58,237,1)}
.cn-btn-claro{background:transparent;color:#fff;border-color:rgba(255,255,255,.42);min-height:54px;font-size:1.02rem}
.cn-btn-claro:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.cn-confia{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:8px;font-size:14.5px;color:var(--sobre-noche)}
.cn-confia li{display:flex;align-items:center;gap:10px}
.cn-confia li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--lavanda) no-repeat center/11px
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.2 4.8 9 10 3' fill='none' stroke='%231B0A2E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.cn-cab-media{position:relative;min-width:0;display:grid;gap:14px}
.cn-cab-video{margin:0;position:relative;z-index:2}
.cn-cab-av{border-radius:20px;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 60px -24px rgba(0,0,0,.7)}
.cn-cab-pie{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px;font-size:14px;color:var(--sobre-noche-2)}
.cn-cab-pie>span{flex:1 1 220px}
.cn-cab .cn-primer{position:relative;left:auto;bottom:auto;max-width:none;margin:0;z-index:3}
.cn-cab-fotos{display:none}
@media (min-width:700px){
  .cn-cab-media{padding:34px 0 0 26px}
  .cn-cab-fotos{display:block;position:absolute;inset:0;pointer-events:none}
  .cn-cab-foto{position:absolute;object-fit:cover;border-radius:16px;border:3px solid rgba(255,255,255,.9);box-shadow:0 18px 40px -16px rgba(0,0,0,.6)}
  .cn-cab-foto-1{width:44%;aspect-ratio:4/3;left:-8px;top:0;transform:rotate(-4deg);z-index:1}
  .cn-cab-foto-2{width:34%;aspect-ratio:1/1;right:-10px;top:-18px;transform:rotate(4deg);z-index:3}
  .cn-cab-video{margin-top:70px}
  .cn-cab .cn-primer{max-width:330px;margin:-36px 0 0 -12px}
}
@media (min-width:960px){.cn-cab .cn-portada-rejilla{grid-template-columns:1fr 1fr;gap:56px;align-items:center}}

/* video propio: avance mudo sobre su póster; la clase completa en un diálogo */
.cv-av{position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--noche)}
.cv-av .cv-poster,.cv-av video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cv-av video{opacity:0;transition:opacity .4s}
.cv-av.cv-va video{opacity:1}
.cv-ver{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 16px 8px 8px;border-radius:999px;font-weight:600;font-size:14px;
  text-decoration:none;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28)}
.cv-ver:hover{background:rgba(255,255,255,.18)}
.cv-play{flex:none;width:30px;height:30px;border-radius:50%;background:var(--oro) no-repeat 55% 50%/11px
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath d='M0 0v12l10-6z' fill='%231B0A2E'/%3E%3C/svg%3E")}
.cv-dialogo{width:min(960px,100vw - 24px);max-width:none;padding:0;border:0;border-radius:18px;background:var(--noche);color:#fff}
.cv-dialogo::backdrop{background:rgba(10,4,20,.82)}
.cv-caja{display:grid}
.cv-cabeza{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 18px}
.cv-cabeza p{margin:0;flex:1;font-weight:600;font-size:15px;line-height:1.35}
.cv-cerrar{min-height:44px;padding:8px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font:600 14px Poppins,sans-serif;cursor:pointer}
.cv-dialogo video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000}

/* qué necesitas */
.cn-sec-nec{padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(28px,4vw,48px)}
.cn-nec{display:grid;gap:14px;padding:22px;border-radius:20px;background:var(--tinte);border:1px solid var(--linea)}
.cn-nec-h{font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem)}
.cn-nec-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cn-nec-lista li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;font-size:16px;line-height:1.5}
.cn-nec-i{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--violeta);color:#fff;font-weight:700;font-size:14px}
.cn-nec-p{margin:0;font-weight:600}
.cn-nec-enl{display:grid;gap:4px;justify-items:start}
.cn-nec-enl .enlace{min-height:44px;display:inline-flex;align-items:center}
@media (min-width:900px){.cn-nec{grid-template-columns:.7fr 1.3fr 1fr;gap:28px;padding:28px 32px;align-items:start}}

/* tarjetas de propósito con foto grande, precio y avance */
.cn-meta-t{border-radius:22px;box-shadow:0 1px 2px rgba(27,10,46,.05),0 18px 40px -26px rgba(27,10,46,.35)}
.cn-meta-media{position:relative;overflow:hidden}
.cn-meta-media .cn-meta-foto{aspect-ratio:4/3;transition:transform .5s ease}
.cn-meta-t:hover .cn-meta-foto{transform:scale(1.04)}
.cn-meta-precio{position:absolute;left:12px;top:12px;z-index:2;font-weight:700;font-size:15px;line-height:1;padding:9px 12px;border-radius:999px;
  background:var(--oro);color:var(--tinta);box-shadow:0 6px 18px -6px rgba(27,10,46,.5)}
.cn-meta-av{position:absolute!important;right:12px;bottom:12px;z-index:2;width:48%;border-radius:12px;border:2px solid #fff;
  box-shadow:0 12px 28px -10px rgba(27,10,46,.6)}
.cn-meta-h{font-size:clamp(1.35rem,1.2rem + .5vw,1.6rem)}
.cn-meta-logras{font-size:15.5px;color:var(--tinta-2)}
.cn-meta-nota{margin:0;font-size:14px;color:var(--violeta-hondo);font-weight:600;line-height:1.45}
.cn-meta-paso{margin-top:auto}
.cn-meta-btn{width:100%;min-height:52px;font-size:1rem}
.cn-meta-ver{color:var(--tinta);background:var(--blanco);border-color:var(--linea-2);width:100%;justify-content:flex-start}
.cn-meta-ver:hover{background:var(--tinte)}
@media (min-width:700px){.cn-meta-t:last-child:nth-child(odd) .cn-meta-media{height:100%}
  .cn-meta-t:last-child:nth-child(odd) .cn-meta-media .cn-meta-foto{height:100%;aspect-ratio:auto}}
@media (min-width:1100px){.cn-meta-t:last-child:nth-child(3n+1) .cn-meta-media{height:100%;min-height:260px}
  .cn-meta-t:last-child:nth-child(3n+1) .cn-meta-media .cn-meta-foto{height:100%;aspect-ratio:auto;position:absolute;inset:0}}

/* ficha de producto: qué necesitas, junto al precio */
.cp-nec{border-top:1px solid var(--linea);padding-top:12px;display:grid;gap:8px}
.cp-nec h3{font-size:1rem;margin:0}
.cp-nec ul{margin:0;padding-left:20px;display:grid;gap:4px;font-size:15px}
.cp-nec p{font-size:14.5px;color:var(--tinta-2)}
.cp-nec .enlace{min-height:40px;display:inline-flex;align-items:center;font-size:14.5px}

/* movimiento: entrada escalonada de la cabecera y fotos que flotan, solo si la persona no pidió quietud */
@media (prefers-reduced-motion:no-preference){
  @keyframes cnSube{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  @keyframes cnFlota{0%,100%{translate:0 0}50%{translate:0 -8px}}
  .cn-cab .botones,.cn-cab .cn-confia,.cn-cab-video,.cn-cab .cn-primer{animation:cnSube .6s cubic-bezier(.2,.7,.2,1) both}
  .cn-cab .cn-confia{animation-delay:.12s}.cn-cab-video{animation-delay:.08s}.cn-cab .cn-primer{animation-delay:.25s}
  .cn-cab-foto-1{animation:cnFlota 7s ease-in-out infinite}
  .cn-cab-foto-2{animation:cnFlota 8s ease-in-out -3s infinite}
}
@media (prefers-reduced-motion:reduce){.cn-meta-media .cn-meta-foto,.cn-btn-fuerte,.cv-av video{transition:none}.cn-meta-t:hover .cn-meta-foto{transform:none}}

/* la línea de precios, legible; y en el celular, las listas largas de la portada se deslizan de lado (menos scroll) */
.cn-cab-precio{font-family:Poppins,sans-serif;font-weight:600;font-size:13.5px;letter-spacing:0;text-transform:none}
@media (max-width:699px){
  .pag-c-inicio .cn-gratis-lista,.pag-c-inicio .cn-prods-4,.pag-c-inicio .cn-momentos{display:grid;grid-template-columns:none;grid-auto-flow:column;
    grid-auto-columns:86%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
    margin-inline:-20px;padding:4px 20px 14px;scroll-padding-inline:20px;scrollbar-width:thin}
  .pag-c-inicio .cn-gratis-lista>*,.pag-c-inicio .cn-prods-4>*,.pag-c-inicio .cn-momentos>*{scroll-snap-align:start;min-width:0}
}
.cn-cab h1{font-size:clamp(2.3rem,1.4rem + 3.3vw,3.8rem);max-width:15ch}
.cn-cab h1 em{background:linear-gradient(transparent 74%,rgba(244,190,90,.5) 74%,rgba(244,190,90,.5) 94%,transparent 94%)}
@media (min-width:700px){.cn-cab .cn-primer{margin:4px 0 0 auto;max-width:360px}}
/* /en/: las clases son en español y se dice encima del video */
.cv-idioma{position:absolute;left:8px;top:8px;z-index:2;font-size:12px;font-weight:600;line-height:1;padding:6px 9px;border-radius:999px;background:rgba(21,10,40,.82);color:#fff}
.cv-ver small{font-size:12.5px;font-weight:500;opacity:.85}
@media (min-width:900px){.cn-nec-h{grid-column:1;grid-row:1 / 3}.cn-nec-lista{grid-column:2;grid-row:1 / 3}
  .cn-nec-p{grid-column:3;grid-row:1}.cn-nec-enl{grid-column:3;grid-row:2}}

/* ---- vitrina «A la venta hoy» y compra en la ficha (8-nov-2026, Felipe: «más llamativo y mejor en ventas») ----
   La cabecera oscura cae sobre un estante claro: tapas cuadradas, precio en etiqueta dorada y el camino a la ficha.
   En el celular el estante corre de lado (scroll-snap); desde 600 px es una rejilla. Sin JS y sin bloquear la carga. */
.cn-cab-sobre{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cn-cab-vivo{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:5px 12px;border-radius:999px;text-decoration:none;
  font-size:13.5px;font-weight:600;color:#1B0A2E;background:var(--oro)}
.cn-cab-vivo i{width:8px;height:8px;border-radius:50%;background:#1B0A2E;box-shadow:0 0 0 0 rgba(27,10,46,.5);animation:vt-late 2s ease-out infinite}
.cn-cab-vivo:hover{background:#F7CD7C}
@keyframes vt-late{0%{box-shadow:0 0 0 0 rgba(27,10,46,.45)}80%,100%{box-shadow:0 0 0 7px rgba(27,10,46,0)}}
.vt-sec{position:relative;background:
  linear-gradient(180deg,var(--noche) 0,var(--noche) 64px,transparent 64px),
  radial-gradient(50% 60% at 100% 30%,rgba(244,190,90,.16),transparent 70%),
  linear-gradient(180deg,#F7F2FC 0%,var(--papel) 100%);padding-top:0}
.vt-cab{position:relative;display:grid;gap:4px 22px;align-items:end;background:var(--blanco);border:1px solid var(--linea);border-radius:22px;
  padding:22px 22px 20px;box-shadow:0 24px 50px -30px rgba(27,10,46,.45)}
@media (min-width:760px){.vt-cab{grid-template-columns:auto 1fr;padding:28px 32px}}
/* en la tienda la vitrina no sigue a la cabecera oscura de la portada: sin la franja de noche (front, 8-nov-2026) */
.vt-sec-tienda{background:radial-gradient(50% 60% at 100% 30%,rgba(244,190,90,.16),transparent 70%),linear-gradient(180deg,#F7F2FC 0%,var(--papel) 100%);padding-top:clamp(28px,4vw,48px)}
.vt-num{margin:0;font-size:clamp(4.2rem,3rem + 6vw,7.5rem);font-weight:800;line-height:.85;letter-spacing:-.06em;color:transparent;
  -webkit-text-stroke:2px var(--violeta);background:linear-gradient(180deg,transparent 55%,rgba(244,190,90,.55) 55%);-webkit-background-clip:text;background-clip:text}
.vt-cab h2{margin:6px 0 0;font-size:clamp(1.55rem,1.2rem + 1.6vw,2.4rem);line-height:1.1;letter-spacing:-.02em;max-width:22ch}
.vt-cab .sec-p{margin-top:10px}
.vt-rail{list-style:none;margin:26px -16px 0;padding:4px 16px 18px;display:grid;grid-auto-flow:column;grid-auto-columns:min(74vw,290px);gap:14px;
  overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
@media (min-width:600px){.vt-rail{margin:28px 0 0;padding:0;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:18px}}
@media (min-width:960px){.vt-rail{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1220px){.vt-rail{grid-template-columns:repeat(5,minmax(0,1fr))}}
.vt-item{scroll-snap-align:start;min-width:0;display:flex}
.vt-card{position:relative;display:flex;flex-direction:column;width:100%;text-decoration:none;color:var(--tinta);background:var(--blanco);
  border:1px solid var(--linea);border-radius:18px;overflow:hidden;box-shadow:var(--sombra);transition:transform .25s,box-shadow .25s,border-color .25s}
.vt-card:hover{transform:translateY(-4px);border-color:var(--lavanda);box-shadow:0 26px 44px -24px rgba(27,10,46,.45)}
.vt-card:focus-visible{outline:3px solid var(--violeta);outline-offset:3px}
.vt-tapa{display:block;aspect-ratio:1;background:var(--tinte);overflow:hidden}
.vt-tapa img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.vt-card:hover .vt-tapa img{transform:scale(1.04)}
.vt-tapa-sin{background:linear-gradient(135deg,var(--tinte-2),var(--lavanda))}
.vt-txt{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.vt-fmt{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-3)}
.vt-nombre{font-weight:600;font-size:1.02rem;line-height:1.28}
.vt-nombre em{font-style:normal;color:var(--violeta-hondo)}
.vt-logra{font-size:14.5px;line-height:1.45;color:var(--tinta-2)}
.vt-pie{margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.vt-precio{display:inline-flex;flex-direction:column;font-weight:700;font-size:1.12rem;line-height:1.1;background:var(--oro);color:#1B0A2E;
  padding:6px 11px 6px;border-radius:10px 10px 10px 2px}
.vt-precio small{font-weight:500;font-size:12px;opacity:.85;margin-top:2px}
.vt-ir{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14.5px;color:var(--violeta-hondo)}
.vt-card:hover .vt-ir .flecha{transform:translateX(3px)}
.vt-ir .flecha{transition:transform .2s}
.vt-base{margin-top:26px;display:grid;gap:16px;align-items:center}
@media (min-width:960px){.vt-base{grid-template-columns:1fr auto;column-gap:32px}.vt-base .btn{grid-column:2;grid-row:1 / span 2}}
.vt-prueba{margin:0;max-width:70ch;color:var(--tinta-2);font-size:15.5px;padding-left:14px;border-left:3px solid var(--oro)}
.vt-confia,.cp-confia{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.vt-confia li,.cp-confia li{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:1.35;padding:7px 12px;border-radius:999px;
  background:var(--blanco);border:1px solid var(--linea);color:var(--tinta)}
.vt-confia li::before,.cp-confia li::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;background:var(--violeta) no-repeat center/10px
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.2 4.8 9 10 3' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.cp-confia{flex-direction:column}
.cp-confia li{border-radius:10px;background:var(--tinte);border-color:transparent;font-size:14px}
.cp-compra-vende{border:2px solid var(--violeta);box-shadow:0 26px 50px -28px rgba(91,33,182,.55);scroll-margin-top:84px}
.cp-compra-vende .cp-monto{font-size:2.5rem;letter-spacing:-.03em}
.cp-cop{font-size:14px;font-weight:600;color:#1B0A2E;background:var(--oro);border-radius:999px;padding:3px 10px}
.cp-compra-vende .btn-primario{min-height:54px;font-size:1.05rem}
.cp-barra{display:none}
@media (max-width:899px){
  .cp-barra{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;justify-content:space-between;
    gap:12px;padding:10px 10px 10px 18px;border-radius:18px;text-decoration:none;color:#fff;background:#1B0A2E;
    box-shadow:0 18px 40px -12px rgba(27,10,46,.6);transition:transform .3s,opacity .3s}
  .cp-barra-p{display:flex;flex-direction:column;line-height:1.15}
  .cp-barra-p b{font-size:1.2rem}
  .cp-barra-p small{font-size:12.5px;color:var(--sobre-noche-2)}
  .cp-barra-b{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:0 20px;border-radius:12px;background:var(--oro);color:#1B0A2E;font-weight:700}
  .cp-barra-fuera{transform:translateY(140%);opacity:0;pointer-events:none}
  body:has(.cp-barra) .pie{padding-bottom:96px}
}
@media (prefers-reduced-motion:reduce){.cn-cab-vivo i{animation:none}.vt-card,.vt-tapa img,.cp-barra{transition:none}.vt-card:hover{transform:none}}
@media (min-width:900px){.cp-rejilla{grid-template-rows:auto 1fr}.cp-fig{align-self:start}}
@media (max-width:599px){.vt-rail{grid-auto-columns:min(64vw,250px)}}
/* front_mejoras.py (8-nov-2026): solo aplica a bloques que existen con FRONT_MEJORAS */
[data-exp-oculto]{display:none!important}
.cv-caja:has(.fm-sigue){position:relative}
.fm-rel .sec-p,.fm-ult .sec-p{margin-top:6px}
@media (min-width:960px){.fm-rel-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1220px){.fm-rel-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}
.fm-ult-lista{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:12px}
@media (min-width:700px){.fm-ult-lista{grid-template-columns:repeat(3,minmax(0,1fr))}}
.fm-ult-a{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 14px;border:1px solid var(--lavanda);border-radius:16px;
 background:var(--blanco);color:var(--tinta);text-decoration:none}
.fm-ult-a:hover{border-color:var(--violeta)}.fm-ult-a:focus-visible{outline:3px solid var(--violeta);outline-offset:3px}
.fm-ult-a img{width:64px;height:64px;border-radius:10px;object-fit:cover;flex:none}
.fm-ult-a span{display:flex;flex-direction:column;gap:2px;min-width:0}.fm-ult-a b{font-weight:600;line-height:1.3}
.fm-ult-a small{color:var(--tinta-2);font-size:14px}
.fm-sigue{position:absolute;inset:auto 0 0 0;margin:0;padding:18px 20px 20px;background:rgba(27,10,46,.94);color:#fff;
 border-radius:0 0 14px 14px;display:flex;flex-direction:column;gap:6px}
.fm-sigue[hidden]{display:none}
.fm-sigue-h{margin:0;font-weight:600;font-size:18px}.fm-sigue-p,.fm-sigue-det{margin:0;font-size:15px;color:#E9E2F7}
.fm-sigue-botones{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.fm-sigue-botones .btn{min-height:44px}
.fm-sigue .btn-borde{color:#fff;border-color:#fff;background:transparent}
/* elegir.py · «¿Qué te conviene aprender?» (8-nov-2026, fila 19): solo existe con ELEGIR=1 */
.el-sec{background:linear-gradient(180deg,#F7F2FC 0%,var(--papel) 100%)}
.el-cab{max-width:46rem}.el-cab h2{margin:4px 0 6px}
.el-form{display:grid;gap:18px;margin-top:22px;background:var(--blanco);border:1px solid var(--linea);border-radius:22px;padding:20px;
 box-shadow:0 24px 50px -34px rgba(27,10,46,.45)}
@media (min-width:900px){.el-form{grid-template-columns:1.4fr 1fr 1fr;gap:26px;padding:28px 30px}.el-ver{grid-column:1/-1;justify-self:start}}
.el-q{border:0;margin:0;padding:0;min-width:0}
.el-q legend{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px;color:var(--tinta);margin-bottom:10px;padding:0}
.el-n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--tinte);color:var(--violeta-hondo);font-size:14px;flex:none}
.el-ops{display:flex;flex-wrap:wrap;gap:8px}
.el-q-meta .el-ops{display:grid;grid-template-columns:1fr;gap:8px}
@media (min-width:600px) and (max-width:899px){.el-q-meta .el-ops{grid-template-columns:1fr 1fr}}
.el-op{position:relative;display:flex;cursor:pointer}
.el-op input{position:absolute;opacity:0;width:1px;height:1px}
.el-op span{display:flex;align-items:center;min-height:48px;width:100%;padding:10px 16px;border:1.5px solid var(--lavanda);border-radius:14px;
 background:var(--blanco);font-size:15.5px;line-height:1.3;color:var(--tinta);transition:border-color .15s,background .15s}
.el-op:hover span{border-color:var(--violeta)}
.el-op input:focus-visible+span{outline:3px solid var(--violeta);outline-offset:2px}
.el-op input:checked+span{border-color:var(--violeta);background:var(--tinte);font-weight:600}
.el-ver{min-height:48px}
.el-res{margin-top:22px}.el-res:focus{outline:none}
.el-recs{list-style:none;margin:0;padding:0;display:grid;gap:14px}
@media (min-width:900px){.el-recs{grid-template-columns:repeat(3,minmax(0,1fr))}}
.el-rec{display:flex;flex-direction:column;gap:6px;background:var(--blanco);border:1px solid var(--linea);border-radius:18px;padding:18px}
.el-rec-1{border:2px solid var(--violeta);box-shadow:0 20px 40px -28px rgba(91,33,182,.6)}
.el-rec .rotulo{color:var(--violeta-hondo)}.el-rec h3{margin:2px 0;font-size:18px;line-height:1.3}.el-rec h3 a{color:var(--tinta);text-decoration:none}
.el-rec p{margin:0;color:var(--tinta-2)}.el-rec .cn-fmt{align-self:flex-start}
.el-botones{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:auto;padding-top:10px}.el-botones .btn{min-height:44px}
.el-despues{margin:16px 0 0;color:var(--tinta-2)}.el-despues a{color:var(--violeta-hondo)}
.el-otra{margin-top:16px;min-height:44px}.el-falta{margin:0;color:var(--violeta-hondo);font-weight:600}
/* elegir.py · el selector ES la cabecera de la portada (8-nov-2026, Felipe): celular primero, la pregunta y las
   primeras opciones sin hacer scroll a 390 px; las preguntas 2 y 3 aparecen una tras otra (con JS) */
.el-hero{padding:18px 0 30px;color:#fff;
  background:radial-gradient(70% 55% at 88% 8%,rgba(124,58,237,.55),transparent 62%),
    radial-gradient(55% 45% at 0% 100%,rgba(244,190,90,.16),transparent 70%),
    linear-gradient(180deg,#1B0A2E 0%,var(--noche) 100%)}
@media (min-width:900px){.el-hero{padding:48px 0 56px}}
.el-hero .el-h1{font-size:clamp(1.9rem,1.25rem + 3vw,3.4rem);line-height:1.08;letter-spacing:-.03em;max-width:20ch;margin:0;color:#fff}
.el-hero .el-hero-p{margin:8px 0 0;color:var(--sobre-noche-2);font-size:clamp(.98rem,.94rem + .3vw,1.12rem);max-width:52ch}
.el-hero .el-form{background:transparent;border:0;box-shadow:none;padding:0;margin-top:16px;gap:20px;grid-template-columns:1fr}
.el-hero .el-q legend{color:#fff}.el-hero .el-n{background:rgba(255,255,255,.14);color:#fff}
.el-hero .el-op span{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.34);color:#fff;font-size:16px;min-height:50px}
.el-hero .el-op:hover span{border-color:#F4BE5A}
.el-hero .el-op input:checked+span{background:#fff;color:var(--tinta);border-color:#fff}
.el-hero .el-op input:focus-visible+span{outline-color:#F4BE5A}
@media (min-width:700px){.el-hero .el-q-meta .el-ops{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.el-hero .el-q-meta .el-ops{grid-template-columns:repeat(3,minmax(0,1fr))}}
.el-js [data-paso]:not(.el-abierta),.el-js .el-ver{display:none}
.el-js [data-paso].el-abierta{animation:el-entra .25s ease-out}
@keyframes el-entra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.el-js [data-paso].el-abierta{animation:none}}
.el-hero .el-ver{justify-self:start}
.el-nota{margin:14px 0 0;font-size:13px;color:var(--tinta-3);max-width:60ch}.el-hero .el-nota{color:var(--sobre-noche-2)}
.el-resultado{display:grid;gap:14px}
@media (min-width:900px){.el-resultado{grid-template-columns:1.1fr 1fr;align-items:start}}
.el-partida,.el-ruta{background:var(--blanco);color:var(--tinta);border-radius:18px;padding:18px 18px 20px;display:flex;flex-direction:column;gap:6px}
.el-partida{border:3px solid #F4BE5A;box-shadow:0 24px 50px -30px rgba(0,0,0,.6)}
.el-partida .rotulo,.el-ruta .rotulo{color:var(--violeta-hondo)}
.el-partida h3{margin:2px 0;font-size:20px;line-height:1.25}.el-partida h3 a{color:var(--tinta);text-decoration:none}
.el-partida p{margin:0;color:var(--tinta-2)}.el-partida .cn-fmt{align-self:flex-start}
.el-pasos-lista{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.el-paso{display:flex;gap:12px;align-items:flex-start}
.el-paso-n{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--tinte);color:var(--violeta-hondo);font-weight:600;font-size:14px}
.el-paso-1 .el-paso-n{background:var(--violeta);color:#fff}
.el-paso-t{display:flex;flex-direction:column;gap:2px;min-width:0}.el-paso-t a{color:var(--tinta);font-weight:600;text-decoration:none;line-height:1.35}
.el-paso-t a:hover{text-decoration:underline}.el-paso-t small{color:var(--tinta-2);font-size:14px}
.el-hero .el-otra{color:#fff;border-color:rgba(255,255,255,.6);background:transparent}
.cn-cab-baja{border-top:1px solid rgba(255,255,255,.12)}
.cn-cab .cn-cab-h{font-size:clamp(2rem,1.3rem + 2.6vw,3.2rem);line-height:1.06;letter-spacing:-.03em;color:#fff;max-width:15ch;margin:14px 0 0}
.cn-cab .cn-cab-h em{font-style:normal;color:#fff;background:linear-gradient(transparent 74%,rgba(244,190,90,.5) 74%,rgba(244,190,90,.5) 94%,transparent 94%);
 -webkit-box-decoration-break:clone;box-decoration-break:clone}
/* elegir.py · cabecera que pregunta y conserva el impacto (8-nov-2026, Felipe: «combina»). Celular: el visual de la
   clase de muestra va detrás, atenuado; pantalla ancha: a la derecha, como la cabecera de siempre. */
.el-hero{position:relative;overflow:hidden;overflow:clip;isolation:isolate}
.el-hero>.env{position:relative;z-index:1}
.el-hero-rejilla{display:grid;gap:28px}
.el-hero-txt{min-width:0;position:relative;z-index:2}
.el-hero .cn-cab-sobre{margin-bottom:10px}
.el-hero .el-h1{text-shadow:0 2px 24px rgba(10,4,20,.55)}
.el-op-meta span{gap:12px;padding:8px 14px 8px 8px;min-height:52px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
 border:1px solid rgba(255,255,255,.24);border-radius:16px;transition:transform .15s,border-color .15s,background .15s}
.el-op-meta b{font-weight:500;line-height:1.3}
.el-ico{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(244,190,90,.16);color:#F4BE5A;transition:background .15s,color .15s}
.el-ico svg{width:20px;height:20px}
.el-hero .el-op-meta:hover span{transform:translateY(-1px);border-color:#F4BE5A;background:rgba(255,255,255,.12)}
.el-hero .el-op-meta input:checked+span{background:#fff;color:var(--tinta);border-color:#fff}
.el-hero .el-op-meta input:checked+span b{font-weight:600}
.el-hero .el-op-meta input:checked+span .el-ico{background:#F4BE5A;color:var(--noche)}
.el-hero .el-q-meta .el-ops{gap:8px}
@media (prefers-reduced-motion:no-preference){
 .el-hero .el-op-meta{animation:el-entra .45s ease-out both}
 .el-hero .el-op-meta:nth-child(2){animation-delay:.04s}.el-hero .el-op-meta:nth-child(3){animation-delay:.08s}
 .el-hero .el-op-meta:nth-child(4){animation-delay:.12s}.el-hero .el-op-meta:nth-child(5){animation-delay:.16s}
 .el-hero .el-op-meta:nth-child(6){animation-delay:.2s}.el-hero .el-op-meta:nth-child(7){animation-delay:.24s}
 .el-resultado{animation:el-entra .35s ease-out}}
@media (max-width:899px){   /* 8-nov-2026 (Felipe): el video vuelve a ser un bloque propio, como antes; nada de fondo */
 .el-hero-p{display:none}
 .el-hero .el-h1{font-size:clamp(1.75rem,1.2rem + 3vw,2.3rem)}
 .el-hero .el-q-meta .el-ops{gap:6px}
 .el-op-meta span{min-height:44px;padding:5px 12px 5px 6px;font-size:15px}
 .el-ico{width:32px;height:32px;border-radius:10px}.el-ico svg{width:18px;height:18px}
 .el-visual{margin-top:8px}
}
@media (min-width:900px){
 .el-hero-rejilla{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:48px;align-items:start}
 .el-hero .el-q-meta .el-ops{grid-template-columns:repeat(2,minmax(0,1fr))}
 .el-hero .el-resultado{grid-template-columns:1fr}
 .el-visual{position:sticky;top:90px}
 .el-visual .cn-cab-video .cv-av{border-radius:18px;box-shadow:0 30px 60px -24px rgba(0,0,0,.7)}
}
@media (min-width:1220px){.el-hero .el-resultado{grid-template-columns:1.05fr 1fr}}
.cn-cab-baja{padding-top:clamp(28px,4vw,56px)}
/* caja de chat del hero (8-nov-2026, Felipe: «una especie de chat, como se ven las IA»), sin modelo */
.el-chat{margin-top:14px}
.el-chat-caja{position:relative;display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:5px 5px 5px 18px;
 box-shadow:0 0 0 1px rgba(255,255,255,.25),0 18px 40px -18px rgba(0,0,0,.7),0 0 32px -6px rgba(124,58,237,.55)}
.el-chat-caja:focus-within{box-shadow:0 0 0 3px #F4BE5A,0 18px 40px -18px rgba(0,0,0,.7)}
.el-chat-caja input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:400 16px/1.3 Poppins,system-ui,sans-serif;color:var(--tinta);min-height:40px}
.el-chat-caja input::placeholder{color:#6B5A86}
.el-chat-env{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;
 background:linear-gradient(135deg,#7C3AED,#5B21B6);color:#fff;transition:transform .15s}
.el-chat-env:hover{transform:scale(1.06)}.el-chat-env:focus-visible{outline:3px solid #F4BE5A;outline-offset:2px}.el-chat-env svg{width:20px;height:20px}
.el-chat-aviso{margin:8px 0 0 18px;font-size:12.5px;color:var(--sobre-noche-2)}
.el-chat-log{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px}
.el-chat-log:empty{display:none}
.el-burbuja{max-width:100%;border-radius:18px;padding:12px 14px;animation:el-entra .3s ease-out}
.el-burbuja>p{margin:0 0 8px}.el-burbuja>p:last-child{margin-bottom:0}
.el-burbuja-tu{justify-self:end;max-width:85%;background:#7C3AED;color:#fff;border-bottom-right-radius:6px}
.el-burbuja-hiki{justify-self:start;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.18);border-bottom-left-radius:6px}
.el-burbuja-hiki .el-resultado{margin-top:4px}
.el-chat-avisame{margin:0 0 12px}.el-chat-avisame .aviso-nota{background:#fff;color:var(--tinta);border-radius:16px;padding:14px;margin-top:10px}
.el-hero .el-chat-avisame .btn-borde{color:#fff;border-color:rgba(255,255,255,.7)}
@media (prefers-reduced-motion:reduce){.el-burbuja{animation:none}}
.el-hero .el-chat-avisame button[data-que]{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.75);min-height:44px}
@media (max-width:599px){.el-chat-caja input{font-size:14.5px}.el-chat-caja input::placeholder{font-size:14px}}
/* 9-nov-2026 · botones de compra con precio (Felipe: «que la gente compre»). Agente de front y experiencia. */
.vt-btn{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:8px 12px;border-radius:12px;background:var(--oro);color:#1B0A2E;
  font-weight:700;font-size:14px;line-height:1.2}
.vt-btn .flecha{transition:transform .2s}
.vt-card:hover .vt-btn .flecha{transform:translateX(3px)}
.vt-cop{font-size:12.5px;color:var(--tinta-3)}
.vt-pv{font-size:13px;font-weight:600;color:var(--violeta-hondo)}
.vt-pv-fila{margin-top:34px;padding-top:26px;border-top:1px solid var(--linea)}
.vt-pv-h{font-size:1.3rem;margin:0 0 6px}
.vt-pv-fila .sec-p{margin:0 0 16px;max-width:70ch}
.chip-preventa{background:var(--oro);color:#1B0A2E}
.cp-cta{margin-top:18px;display:grid;gap:10px;justify-items:start}
.cp-cta-btn{font-size:1.05rem;min-height:52px;padding:0 22px}
.cp-cta-pv{margin:0;font-size:14.5px;line-height:1.45;color:var(--tinta-2);max-width:52ch}
.cp-cta-confia{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13.5px;color:var(--tinta-2)}
.cp-cta-confia li{display:inline-flex;align-items:center;gap:6px}
.cp-cta-confia li::before{content:"";flex:none;width:14px;height:14px;border-radius:50%;background:var(--violeta) no-repeat center/9px
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.2 4.8 9 10 3' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.cp-otra-vez{max-width:720px}
.cp-otra-vez h2{margin:0 0 8px}
.cp-otra-vez p{margin:0}
#pagar{scroll-margin-top:84px}
.menu a.nav-tienda{gap:6px;font-weight:600;color:#1B0A2E;background:var(--oro)}
.menu a.nav-tienda:hover,.menu a.nav-tienda[aria-current]{background:var(--oro);color:#1B0A2E;filter:brightness(.96)}
.nav-bolsa{flex:none}
@media (max-width:920px){.menu a.nav-tienda{align-self:flex-start;padding:10px 16px}}
/* 9-nov-2026 · la guía como libro: mockup 3D en CSS sobre la portada real, estante y visor «Hojea». Agente de front. */
.lb{position:relative;display:inline-block;line-height:0;transform:perspective(1500px) rotateY(-18deg) rotateX(2deg);transform-origin:40% 50%;
  transition:transform .45s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(16px 20px 18px rgba(27,10,46,.32)) drop-shadow(3px 4px 3px rgba(27,10,46,.25))}
.lb img{position:relative;z-index:2;display:block;width:100%;height:auto;border-radius:2px 5px 5px 2px}
.lb::before{content:"";position:absolute;z-index:3;left:0;top:0;bottom:0;width:7%;border-radius:2px 0 0 2px;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.38),rgba(255,255,255,.22) 35%,rgba(0,0,0,.14) 62%,rgba(255,255,255,.06) 85%,transparent)}
.lb::after{content:"";position:absolute;z-index:1;top:1.6%;bottom:1.6%;right:-4.2%;width:5%;border-radius:0 3px 3px 0;
  background:repeating-linear-gradient(90deg,#fbf9fe 0 1px,#ddd5ea 1px 2px);box-shadow:inset -2px 0 3px rgba(0,0,0,.12)}
.lb-cuadrado::after{top:1.2%;bottom:1.2%;right:-3.2%;width:3.6%}
.lb-escena{display:flex;align-items:center;justify-content:center;width:100%;padding:34px 26px 40px;border:0;border-radius:22px;cursor:pointer;font:inherit;
  background:radial-gradient(120% 80% at 50% 105%,rgba(91,33,182,.20),transparent 60%),linear-gradient(160deg,var(--tinte),#fff 55%,var(--tinte-2));
  box-shadow:inset 0 -14px 0 -6px rgba(91,33,182,.10)}
.lb-escena .lb{width:min(68%,270px)}
.lb-escena .lb-cuadrado{width:min(78%,300px)}
.lb-abre:hover .lb,.lb-abre:focus-visible .lb{transform:perspective(1500px) rotateY(-8deg) rotateX(1deg) translateY(-4px)}
.lb-abre:focus-visible{outline:3px solid var(--violeta);outline-offset:3px}
.cp-libro{margin:0;display:grid;gap:14px;justify-items:center}
.cp-libro figcaption{display:flex;justify-content:center}
.lb-datos{margin:18px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 18px;padding:14px 16px;border-radius:14px;
  background:var(--blanco);border:1px solid var(--linea)}
.lb-datos div{min-width:0}
.lb-datos dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-3)}
.lb-datos dd{margin:2px 0 0;font-weight:600;font-size:14.5px}
@media (min-width:900px){
  .cp-cabeza-libro .cp-rejilla{grid-template-columns:minmax(260px,.9fr) minmax(0,1.25fr);grid-template-rows:auto auto;column-gap:40px;row-gap:28px}
  .cp-cabeza-libro .cp-libro{grid-column:1;grid-row:1 / span 2;align-self:start;position:sticky;top:88px}
  .cp-cabeza-libro .cp-intro{grid-column:2;grid-row:1}
  .cp-cabeza-libro .cp-compra{grid-column:2;grid-row:2;position:static}}
@media (min-width:1180px){
  .cp-cabeza-libro .cp-rejilla{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr) minmax(300px,.95fr);grid-template-rows:auto}
  .cp-cabeza-libro .cp-libro{grid-row:1}
  .cp-cabeza-libro .cp-compra{grid-column:3;grid-row:1;position:sticky;top:88px}}
.vt-estante{display:flex;align-items:flex-end;justify-content:center;padding:22px 18px 0;position:relative;
  background:radial-gradient(90% 60% at 50% 100%,rgba(91,33,182,.16),transparent 70%),linear-gradient(180deg,#fff,var(--tinte))}
.vt-estante::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:linear-gradient(180deg,#e4d9f2,#cdbfe3);
  box-shadow:0 -1px 0 rgba(255,255,255,.8) inset,0 6px 10px -6px rgba(27,10,46,.35)}
.vt-estante .lb{width:52%;margin-bottom:12px;transform:perspective(1200px) rotateY(-14deg);transform-origin:50% 100%}
.vt-estante .lb-cuadrado{width:70%}
.vt-card:hover .vt-estante .lb{transform:perspective(1200px) rotateY(-4deg) translateY(-6px)}
.vt-card:hover .vt-tapa.vt-estante img{transform:none}
.hj{width:min(1100px,96vw);max-width:none;max-height:94vh;padding:0;border:0;border-radius:18px;background:#1B0A2E;color:#fff;overflow:hidden}
.hj::backdrop{background:rgba(12,4,24,.78)}
.hj-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 12px 20px}
.hj-h{margin:0;font-size:15px;font-weight:600}
.hj-x{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.hj-pista{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:0;padding:0 0 8px;outline:none;scrollbar-width:thin}
.hj-pista:focus-visible{box-shadow:inset 0 0 0 2px rgba(255,255,255,.28)}
.hj-pag{flex:0 0 100%;box-sizing:border-box;padding:0 12px;margin:0;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;max-height:calc(94vh - 132px)}
.hj-pag img{display:block;max-width:100%;max-height:calc(94vh - 140px);width:auto;height:auto;background:#fff;border-radius:3px;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.hj-fin{flex-direction:column;gap:10px;text-align:center;padding:24px;min-height:50vh}
.hj-fin p{margin:0}
.hj-fin-h{font-size:1.3rem;font-weight:700}
.hj-nav{display:flex;justify-content:center;gap:12px;padding:6px 0 14px}
.hj-nav button{width:48px;height:48px;border-radius:50%;border:0;background:var(--oro);color:#1B0A2E;font-size:26px;font-weight:700;line-height:1;cursor:pointer}
@media (min-width:900px){
  .hj-pista{scroll-snap-type:x mandatory}
  .hj-pag{flex-basis:50%}
  .hj-pag:nth-child(odd){justify-content:flex-end;scroll-snap-align:start;padding:0 0 0 24px}
  .hj-pag:nth-child(even){padding:0 24px 0 0}
  .hj-pag:nth-child(even){justify-content:flex-start;scroll-snap-align:none}
  .hj-pag:nth-child(odd) img{border-radius:3px 0 0 3px;box-shadow:-10px 10px 30px rgba(0,0,0,.4),inset -18px 0 22px -16px rgba(0,0,0,.35)}
  .hj-pag:nth-child(even) img{border-radius:0 3px 3px 0;box-shadow:10px 10px 30px rgba(0,0,0,.4)}}
@media (prefers-reduced-motion:reduce){.lb{transition:none}}
/* 9-nov-2026 · ficha del curso: logro, objetivos y temario; línea legal junto al botón; términos. */
.cp-logro{font-size:1.08rem;font-weight:600;line-height:1.5;padding:14px 16px;border-left:4px solid var(--oro);background:var(--tinte);border-radius:0 12px 12px 0}
.cp-temario{list-style:none;counter-reset:none;margin:0;padding:0;display:grid;gap:10px}
.cp-temario li{display:grid;gap:3px;padding:12px 14px;border:1px solid var(--linea);border-radius:12px;background:var(--blanco)}
.cp-temario b{font-weight:600}
.cp-temario span{font-size:14.5px;color:var(--tinta-2)}
.cp-nota-fuente{font-size:13.5px;color:var(--tinta-3);margin-top:10px}
.cp-linea-legal{font-size:13.5px;line-height:1.5;color:var(--tinta-2);margin:4px 0 10px}
.cp-linea-legal a{color:var(--violeta-hondo);font-weight:600}
.cp-terminos h2{margin-top:28px}
/* 9-nov-2026 · línea de precio bajo el H1 del hero (Felipe: «que diga que el precio es bajo»). Se ve también en el celular. */
.el-hero .el-hero-precio{margin:12px 0 0;max-width:46ch;color:#fff;font-weight:600;font-size:clamp(1rem,.95rem + .45vw,1.25rem);line-height:1.4}
.el-hero .el-hero-precio::before{content:"";display:inline-block;width:10px;height:10px;margin-right:10px;border-radius:50%;background:var(--oro);vertical-align:.08em}
/* 9-nov-2026 · portada en las tarjetas de producto (guías y cursos) y en las de «Gratis» */
.cn-tapa{display:block;margin:-4px -4px 14px;border-radius:12px;overflow:hidden;background:var(--tinte);aspect-ratio:1}
.cn-tapa img{display:block;width:100%;height:100%;object-fit:cover}
.cn-gratis .cn-tapa{max-width:200px}
/* 9-nov-2026 · el gratis al mismo nivel que la compra (hero y ficha) */
.el-botones .el-btn-gratis{background:var(--oro);border-color:var(--oro);color:#1B0A2E}
.cp-cta-fila{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center}
.cp-cta-gratis{min-height:52px}
/* 9-nov-2026 · libros como libro en toda tarjeta, miniaturas en /logra/, portada en el resultado del selector */
.cn-tapa-libro{display:flex;align-items:flex-end;justify-content:center;aspect-ratio:auto;min-height:0;padding:16px 14px 0;position:relative;
  background:radial-gradient(90% 60% at 50% 100%,rgba(91,33,182,.16),transparent 70%),linear-gradient(180deg,#fff,var(--tinte))}
.cn-tapa-libro::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:linear-gradient(180deg,#e4d9f2,#cdbfe3)}
.cn-tapa-libro .lb{width:44%;margin-bottom:10px}
.cn-tapa-libro .lb-cuadrado{width:62%}
.cn-tapa .lb img{height:auto;object-fit:initial}
.cn-tapa-mini{flex:none;width:72px;margin:0;border-radius:10px;aspect-ratio:1}
.cn-tapa-mini.cn-tapa-libro{padding:6px 6px 0}
.cn-tapa-mini.cn-tapa-libro::after{height:5px}
.cn-tapa-mini.cn-tapa-libro .lb{width:58%;margin-bottom:5px}
.cn-fila{align-items:center}
.cn-libro .cn-tapa-libro{margin:-4px -4px 14px;border-radius:12px;overflow:hidden}
.cn-hoy-tapa.lb{width:min(180px,40%)}
.cn-mom-tapa.lb{width:90px;margin:4px 0 10px}
.el-tapa{display:block;width:110px;margin:0 0 10px;border-radius:10px;overflow:hidden}
.el-tapa img{display:block;width:100%;height:auto}
.el-tapa-libro{width:96px;overflow:visible;padding:4px 0}
/* 9-nov-2026 · ficha de curso: vista tipo reproductor (decorativa) */
.cp-mc{margin:0}
.mc{position:relative;display:block;aspect-ratio:16/9;border-radius:18px;overflow:hidden;text-decoration:none;
  background:radial-gradient(120% 90% at 50% 0%,#3E1166,#1B0A2E 70%);box-shadow:0 24px 44px -26px rgba(27,10,46,.6)}
.mc img{position:absolute;top:7%;bottom:15%;left:50%;transform:translateX(-50%);height:78%;width:auto;border-radius:10px;
  box-shadow:0 12px 30px rgba(0,0,0,.45)}
.mc-play{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:rgba(245,196,81,.95);
  display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:transform .2s}
.mc-play svg{width:34px;height:34px;fill:#1B0A2E;margin-left:4px}
.mc:hover .mc-play,.mc:focus-visible .mc-play{transform:translate(-50%,-50%) scale(1.06)}
.mc:focus-visible{outline:3px solid var(--violeta);outline-offset:3px}
.mc-barra{position:absolute;left:4%;right:4%;bottom:5%;display:flex;align-items:center;gap:12px}
.mc-prog{flex:1;height:5px;border-radius:5px;background:rgba(255,255,255,.28);position:relative}
.mc-prog::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8%;border-radius:5px;background:var(--oro)}
.mc-t{color:#fff;font-size:13px;font-weight:600;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.mc-play{transition:none}}
.cn-fila:has(.cn-tapa-mini){grid-template-columns:36px 72px minmax(0,1fr)}
.cn-fila:has(.cn-tapa-mini) .cn-fila-btn{grid-column:3}
@media (min-width:700px){.cn-fila:has(.cn-tapa-mini){grid-template-columns:36px 72px minmax(0,1fr) auto}.cn-fila:has(.cn-tapa-mini) .cn-fila-btn{grid-column:4}}
/* 9-nov-2026 · ficha: video real del curso activo y póster de la preventa */
.mc-real img,.mc-real .mc-av,.mc-real video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;transform:none;box-shadow:none;top:0;left:0}
.mc-real .mc-play{text-decoration:none}
.mc-real .mc-barra{justify-content:flex-start}
.mc-real .mc-t{background:rgba(27,10,46,.7);padding:4px 10px;border-radius:999px}
.mc-sonando{background:#000}
.cp-poster{margin:0}
.pt{position:relative;display:block;aspect-ratio:16/9;border-radius:18px;overflow:hidden;box-shadow:0 24px 44px -26px rgba(27,10,46,.6)}
.pt img{display:block;width:100%;height:100%;object-fit:cover}
.pt-sello{position:absolute;left:4%;bottom:6%;background:#fff;color:#1B0A2E;font-weight:700;font-size:clamp(13px,1.4vw,16px);padding:8px 14px;border-radius:999px;
  box-shadow:0 6px 18px rgba(0,0,0,.25)}
.pt-sello{top:4%;bottom:auto;left:3%;font-size:clamp(11px,1.05vw,13px);padding:6px 12px;max-width:72%}
.pt-sello{top:auto;bottom:3%}
/* 10-nov-2026 · páginas de venta de los productos de Hotmart (/hotmart/<libro>/) */
.hm-cabeza .cp-rejilla{align-items:center}
@media (min-width:900px){.hm-cabeza .cp-rejilla{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.hm-cabeza .cp-libro{grid-column:2;grid-row:1;position:static}.hm-cabeza .cp-intro{grid-column:1}}
.hm-btn{font-size:1.05rem;min-height:54px}
/* 10-nov-2026 · categorías, buscador y filtros */
.cat-grid{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.cat-tarjeta{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px;border-radius:16px;background:var(--blanco);border:1px solid var(--linea);text-decoration:none;color:var(--tinta)}
.cat-tarjeta:hover{border-color:var(--violeta)}
.cat-tarjeta b{font-size:1.08rem}
.cat-tarjeta small{color:var(--tinta-2);font-size:14.5px;line-height:1.45}
.cat-tarjeta .cn-fmt{margin-top:auto;align-self:flex-start}
.cat-chips{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.cat-chips a{display:inline-flex;min-height:40px;align-items:center;padding:6px 14px;border-radius:999px;border:1px solid var(--linea);text-decoration:none;color:var(--tinta);font-size:14.5px;background:var(--blanco)}
.cat-chips a[aria-current]{background:var(--violeta);color:#fff;border-color:var(--violeta)}
.bq-form{display:grid;gap:10px}
.bq-q input{width:100%;min-height:52px;padding:12px 16px;border-radius:14px;border:2px solid var(--violeta);font:inherit;font-size:17px;background:#fff}
.bq-filtros{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.bq-filtros select{min-height:44px;padding:8px 10px;border-radius:12px;border:1px solid var(--linea);font:inherit;font-size:15px;background:#fff}
.bq-cuenta{margin:14px 0 8px;color:var(--tinta-2);font-size:14.5px}
.bq-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.bq-item{display:flex;flex-direction:column;gap:4px;height:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--linea);background:var(--blanco);text-decoration:none;color:var(--tinta)}
.bq-item:hover{border-color:var(--violeta)}
.bq-item b{line-height:1.3}
.bq-item small{color:var(--tinta-2);font-size:14px}
.bq-est{align-self:flex-start;margin-top:auto;font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--tinte)}
.bq-est-venta,.bq-est-hotmart{background:var(--violeta);color:#fff}
.bq-est-preventa{background:var(--oro);color:#1B0A2E}
.cat-otras-h{font-size:1.2rem;margin:0}

/* 12-nov-2026 · puertas por oficio (/para/) */
.pt-tabla{overflow-x:auto;margin:1rem 0}
.pt-tabla table{border-collapse:collapse;width:100%;min-width:420px;font-size:1rem}
.pt-tabla th,.pt-tabla td{border:1px solid rgba(0,0,0,.12);padding:.6rem .75rem;text-align:left;vertical-align:top}
.pt-tabla th{background:rgba(76,29,149,.08);font-weight:600}
.pt-faq{border-bottom:1px solid rgba(0,0,0,.1);padding:.75rem 0}
.pt-faq summary{cursor:pointer;font-weight:600;font-size:1.05rem}
.pt-faq p{margin:.5rem 0 0}
.pt-otras{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:.75rem 0}
.pt-otras a{display:inline-block;padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(76,29,149,.35);text-decoration:none}

/* ---- imagen del concepto (concepto_medios.py) ---- */
.cm-vid{position:relative;overflow:hidden;border-radius:var(--r,16px);background:var(--tinte,#f1ecfb)}
.cm-vid video,.cm-vid img{display:block;width:100%;height:100%;object-fit:cover}
.cm-quieto{display:none}
@media (prefers-reduced-motion:reduce){.cm-mueve{display:none}.cm-quieto{display:block}}
.cm-libro{position:relative;margin:24px 0 0;max-width:520px}
.cm-libro .cm-vid{aspect-ratio:4/3}
@media (min-width:900px){.cm-libro .cm-vid{aspect-ratio:16/10}}
.cm-tapa{position:absolute;left:16px;bottom:-14px;width:28%;max-width:132px;height:auto;border-radius:6px;box-shadow:0 12px 28px rgba(27,10,46,.35)}
.cm-franja{padding:clamp(24px,4vw,48px) 0}
.cm-vid-franja{aspect-ratio:16/9;max-height:440px;width:100%}
@media (max-width:699px){.cm-vid-franja{aspect-ratio:1/1;max-height:56vh}}
.cm-foto{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:var(--tinte,#f1ecfb)}
.cn-prod.cm-con,.cm-con.cn-prod,.cn-mom.cm-con{overflow:hidden}
.cm-foto-prod,.cm-foto-mom{margin:-20px -20px 4px;width:calc(100% + 40px);max-width:none;order:-1}
.cm-foto-mod{border-radius:12px;margin-bottom:12px;max-width:420px}
.cn-mini.cm-con{grid-template-columns:56px 1fr;column-gap:12px;align-items:center}
.cn-mini.cm-con>*{grid-column:2}
.cn-mini.cm-con>.cm-mini{grid-column:1;grid-row:1 / span 3;width:56px;height:56px;border-radius:10px;object-fit:cover;align-self:center}