/* ============================================================
   PLAYBOOK DE VENTAS v2 · presentación que vende
   Se carga después de comercial.css. Slides de alto completo,
   tarjetas de precio y capa "modo vendedor".
   ============================================================ */

/* ---------- slides ---------- */
.sl{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(64px,8vw,110px) 0;border-bottom:4px solid var(--line);scroll-margin-top:60px}
.sl.alt{background:var(--surface)}
.sl.dark{background:var(--negro);color:var(--gris);--muted:var(--g4);--line:var(--g2);--text:var(--gris);--surface:#222;--naranja-texto:var(--naranja)}
.sl.dark .card{background:#222;border-color:var(--g2)}
.sl-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.sl-txt h2,.sl-head h2{margin-bottom:28px}
.sl-num{display:inline-block;font:900 15px/1 var(--display);background:var(--naranja);color:var(--negro);padding:6px 10px;margin-bottom:16px;box-shadow:3px 3px 0 var(--line)}
.sl-vis img{width:100%;max-height:560px;object-fit:contain}
.sl-head{margin-bottom:36px;max-width:900px}
.sl-head.with-img{max-width:none;display:grid;grid-template-columns:1fr minmax(180px,320px);gap:32px;align-items:end}
.sl-head.with-img img{max-height:280px;width:auto;justify-self:end}
.kicker{font-size:clamp(18px,1.6vw,22px);line-height:1.45;margin-top:22px;max-width:46ch}
.kicker b{color:var(--naranja-texto)}
.sl.dark .kicker b{color:var(--naranja)}

/* bullets con icono */
.pts{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.pts li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;font-size:clamp(17px,1.5vw,21px);line-height:1.3}
.pts .ico{width:44px;height:44px;padding:9px;background:var(--naranja);color:var(--negro);border:2px solid var(--line);box-shadow:3px 3px 0 var(--line)}
.pts b{font-weight:700}

/* ---------- hero ---------- */
.sl.pbhero{background:var(--negro);color:var(--gris);--muted:var(--g4);--line:var(--g2);--text:var(--gris);--naranja-texto:var(--naranja);padding-bottom:0;justify-content:flex-start}
.sl.pbhero .sl-in{padding-top:clamp(16px,3vw,40px)}
.sl.pbhero h1{font-size:clamp(46px,7vw,104px);margin-bottom:30px}
.sl.pbhero .logo-madre{height:64px;width:auto;margin-bottom:22px}
.sl.pbhero .actions{margin-top:34px}
.sl.pbhero .btn{box-shadow:4px 4px 0 var(--gris)}
.sl.pbhero .pts .ico{border-color:var(--negro);box-shadow:3px 3px 0 var(--gris)}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:clamp(28px,4vw,48px);border:3px solid var(--g2)}
.hero-stats>div{padding:20px 22px;border-right:3px solid var(--g2)}
.hero-stats>div:last-child{border-right:0}
.hero-stats b{display:block;font:900 clamp(38px,4.6vw,64px)/.9 var(--display);color:var(--naranja)}
.hero-stats span{display:block;font-weight:600;margin-top:6px}
.hero-logos{background:var(--naranja);color:var(--negro);margin-top:clamp(28px,4vw,48px);border-top:4px solid var(--negro)}
.hero-logos .wrap{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(18px,3vw,44px);min-height:96px;padding-block:14px}
.hero-logos span{font:900 15px/1.1 var(--display);text-transform:uppercase;max-width:120px}
.hero-logos img{height:34px;width:auto;max-width:130px;object-fit:contain;filter:brightness(0)}

/* ---------- solución ---------- */
.pasos3{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:p}
.pasos3 li{display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto;column-gap:16px;padding:16px 18px;border:3px solid var(--line);background:var(--bg);box-shadow:5px 5px 0 var(--naranja)}
.pasos3 .ico{grid-row:span 2;width:56px;height:56px;color:var(--naranja)}
.pasos3 b{font:900 22px/1.1 var(--display);text-transform:uppercase}
.pasos3 span{color:var(--muted)}
.vid-solo{max-width:360px;margin-inline:auto}
.vid-solo .vid{box-shadow:10px 10px 0 var(--naranja)}

/* ---------- prueba ---------- */
.evid{padding:28px}
.evid .bar{grid-template-columns:170px 1fr 70px}
.big-x{display:flex;gap:18px;align-items:center;margin-top:24px;padding-top:20px;border-top:3px solid var(--line)}
.big-x b{font:900 clamp(64px,8vw,110px)/.85 var(--display);color:var(--naranja)}
.big-x span{font-weight:600;font-size:18px;line-height:1.3}

/* ---------- ecosistema ---------- */
.esc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.card.esc{display:flex;flex-direction:column;gap:8px;padding:20px}
.esc-logo{height:52px;width:auto;max-width:100%;object-fit:contain;object-position:left}
.esc-h{display:flex;gap:10px;align-items:center;height:52px}
.esc-h b{font:900 22px/1 var(--display);text-transform:uppercase}
.card.esc p{margin:0;font-size:14px}
.card .where{display:flex;gap:6px;align-items:flex-start;font-size:13px;margin-top:auto;padding-top:10px;border-top:2px solid var(--line)}
.card .where .ico{width:16px;height:16px;color:var(--naranja);margin-top:2px}

/* ---------- formatos ---------- */
.fmt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card.fmt{display:flex;flex-direction:column;gap:6px}
.card.fmt>.ico{color:var(--naranja)}
.card.fmt p{margin:0 0 10px;color:var(--muted)}
.card.fmt .vid{margin-top:auto}
.card.fmt .vid .frame{aspect-ratio:4/5}

/* ---------- casos ---------- */
.casos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card.caso2{display:flex;flex-direction:column;gap:6px}
.c2-top{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:56px;background:var(--gris);margin:-24px -24px 12px;padding:14px 20px;border-bottom:3px solid var(--naranja)}
.c2-top img{height:40px;width:auto;max-width:150px;object-fit:contain}
.c2-top .cat{font:700 11px/1.2 var(--mono);text-transform:uppercase;color:#444;text-align:right}
.c2-big{font:900 clamp(48px,5vw,72px)/.9 var(--display);color:var(--naranja)}
.c2-lbl{font-weight:600;margin-bottom:6px}
.caso2 p{margin:0;font-size:15px}
.c2-res{display:flex;gap:8px;align-items:center;font-weight:700}
.c2-res .ico{width:20px;height:20px;color:var(--naranja)}
.caso2 .vid{margin-top:12px}
.caso2 .vid .frame{aspect-ratio:16/10}

/* ---------- proceso ---------- */
.tl5{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}
.tl5 li{display:grid;grid-template-columns:56px 90px 1fr;gap:4px 14px;align-items:center;padding:12px 0;border-bottom:2px dashed var(--line)}
.tl5 li:last-child{border-bottom:0}
.tl5 .ico{grid-row:span 2;width:52px;height:52px;padding:10px;background:var(--naranja);color:var(--negro);border:2px solid var(--line)}
.tl5 .d{font:700 12px/1 var(--mono);color:var(--naranja-texto);text-transform:uppercase}
.tl5 b{font:900 22px/1 var(--display);text-transform:uppercase}
.tl5 p{grid-column:2/4;margin:0;color:var(--muted);font-size:15px}

/* ---------- reglas ---------- */
.reglas-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.card.regla .ico{color:var(--naranja);margin-bottom:12px}
.card.regla h4{margin-bottom:8px}
.card.regla p{font-size:14px;margin:0}

/* ---------- paquetes ---------- */
.pk-h{display:flex;align-items:center;gap:16px;margin:36px 0 18px;font:900 18px/1 var(--display);text-transform:uppercase}
.pk-h img{height:46px;width:auto}
.pk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.pcard{position:relative;display:flex;flex-direction:column;gap:10px;padding:28px 24px;background:var(--surface);border:3px solid var(--line);box-shadow:6px 6px 0 var(--line)}
.pcard.feat{background:var(--negro);color:var(--gris);border-color:var(--naranja);box-shadow:8px 8px 0 var(--naranja);transform:translateY(-12px)}
.pcard .badge{position:absolute;top:-16px;left:24px;background:var(--naranja);color:var(--negro);font:900 13px/1 var(--display);text-transform:uppercase;padding:8px 12px;border:2px solid var(--negro)}
.pcard .tier{font:700 12px/1.2 var(--mono);text-transform:uppercase;color:var(--naranja-texto)}
.pcard.feat .tier{color:var(--naranja)}
.pcard h3{font-size:clamp(30px,3vw,40px);font-weight:900;text-transform:uppercase}
.pcard .para{margin:0;color:var(--muted);font-size:15px}
.pcard.feat .para{color:var(--g4)}
.pcard .price{font:900 clamp(38px,3.6vw,52px)/1 var(--display);color:var(--naranja);margin:8px 0 4px;font-variant-numeric:tabular-nums}
.pcard .price small{font:600 14px/1 var(--body);color:var(--muted)}
.pcard.feat .price small{color:var(--g4)}
.pcard ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:9px;font-size:15px}
.pcard li{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start}
.pcard li .ico{width:16px;height:16px;color:var(--naranja);margin-top:3px}
.pcard .btn{margin-top:auto}
.pcard.feat .btn{box-shadow:4px 4px 0 var(--gris)}
.pcard.feat .btn.ghost,.pcard .btn.ghost{min-height:48px}
.pk-extra{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:36px 0 14px}
.pk-extra h4{display:flex;gap:8px;align-items:center;margin-bottom:14px}
.pk-extra h4 .ico{color:var(--naranja)}
.sueltos>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--g5);font-size:15px}
.sueltos b{font:900 18px/1 var(--display)}
.inc{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:15px}
.inc li{display:flex;gap:8px;align-items:flex-start}
.inc .ico{width:16px;height:16px;color:var(--naranja);margin-top:3px}

/* ---------- cierre ---------- */
.sl.cierre h2{font-size:clamp(44px,6.4vw,92px)}
.sl.cierre .actions{margin-top:30px}
.sl.cierre .btn{box-shadow:4px 4px 0 var(--gris)}
.mail{font:900 clamp(22px,2.4vw,32px)/1 var(--display);color:var(--naranja);margin-top:22px}
.sl.cierre .pts .ico{border-color:var(--negro);box-shadow:3px 3px 0 var(--gris)}

/* ---------- anexo ---------- */
.sl.anexo{min-height:auto}
.anexo-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:22px}
.anexo-grid h3{display:flex;gap:10px;align-items:center;margin-bottom:16px}
.llamada{margin:0;padding-left:22px;display:grid;gap:10px}
.obj details{border-bottom:2px solid var(--line);padding:12px 0}
.obj summary{cursor:pointer;font:800 18px/1.2 var(--display);list-style:none;display:flex;justify-content:space-between;gap:12px;min-height:32px;align-items:center}
.obj summary::after{content:"+";font-size:24px;color:var(--naranja)}
.obj details[open] summary::after{content:"–"}
.obj p{margin:10px 0 0;color:var(--muted)}

/* ---------- navegación de slides ---------- */
.dots{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:6px}
.dots a{display:flex;align-items:center;justify-content:flex-end;gap:8px;text-decoration:none;min-height:24px}
.dots i{width:12px;height:12px;border:2px solid var(--naranja);background:var(--bg);transition:transform .15s}
.dots span{font:700 11px/1 var(--mono);text-transform:uppercase;background:var(--negro);color:var(--gris);padding:4px 6px;opacity:0;transform:translateX(6px);transition:.15s;pointer-events:none}
.dots a:hover span,.dots a:focus-visible span{opacity:1;transform:none}
.dots a.on i{background:var(--naranja);transform:scale(1.35)}

/* ---------- modo vendedor ---------- */
.modo-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;background:transparent;color:var(--gris);border:2px solid var(--g2);font:800 13px/1 var(--display);text-transform:uppercase;cursor:pointer}
.modo-btn .ico{width:18px;height:18px;color:var(--naranja)}
.modo-btn[aria-pressed="true"]{background:var(--naranja);color:var(--negro);border-color:var(--naranja)}
.modo-btn[aria-pressed="true"] .ico{color:var(--negro)}
.nota-v,.nv-mini{display:none}
[data-modo="vendedor"] .nota-v{display:block;margin-top:32px;padding:18px 22px;background:#FFF4EC;color:var(--negro);border:3px dashed var(--naranja);font-size:15px;line-height:1.5}
[data-modo="vendedor"] .nv-mini{display:flex;gap:8px;align-items:flex-start;margin-top:12px;padding:10px 12px;background:#FFF4EC;color:var(--negro);border:2px dashed var(--naranja);font-size:13px}
.nv-mini .ico{width:16px;height:16px;flex:none;margin-top:2px;color:var(--naranja-texto)}
.nv-h{display:flex;gap:8px;align-items:center;font:900 14px/1 var(--display);text-transform:uppercase;color:#B8470F;margin-bottom:10px}
.nv-h .ico{width:18px;height:18px;color:#B8470F}
.nota-v ul{margin:0;padding-left:18px;display:grid;gap:6px}
.nota-v b{color:#B8470F}
.nv-cifra{margin:12px 0 0;padding-top:10px;border-top:1px dashed var(--naranja);font:600 13px/1.45 var(--mono)}
.nota-v code{font-size:12px}

/* ---------- responsivo ---------- */
@media (max-width:1100px){
  .reglas-grid{grid-template-columns:repeat(3,1fr)}
  .fmt-grid,.casos-grid{grid-template-columns:repeat(2,1fr)}
  .dots{display:none}
}
@media (max-width:860px){
  .sl{min-height:auto}
  .sl-in,.sl-head.with-img,.anexo-grid{grid-template-columns:1fr}
  .sl-head.with-img img{justify-self:start;max-height:220px}
  .sl-vis img{max-height:360px}
  .hero-stats{grid-template-columns:1fr 1fr}
  .hero-stats>div:nth-child(2){border-right:0}
  .hero-stats>div:nth-child(-n+2){border-bottom:3px solid var(--g2)}
  .pk-grid,.pk-extra{grid-template-columns:1fr}
  .pcard.feat{transform:none}
  .esc-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .fmt-grid,.casos-grid,.reglas-grid{grid-template-columns:1fr}
  .modo-btn span{display:none}
  .evid .bar{grid-template-columns:110px 1fr 56px;font-size:13px}
  .tl5 li{grid-template-columns:52px 1fr}
  .tl5 .ico{grid-row:span 3}
  .tl5 p{grid-column:2}
  .hero-logos img{height:26px}
}

/* ---------- impresión: un slide por hoja, modo cliente ---------- */
@media print{
  .top,.dots,.nota-v,.nv-mini,.anexo,.play{display:none!important}
  .sl{min-height:auto;break-after:page;border:0}
  .pcard.feat{transform:none}
}

/* ---------- tarjeta base del playbook (comercial.css solo estiliza .card dentro de .grid) ---------- */
.sl .card{--cp:clamp(18px,2vw,24px);background:var(--surface);border:3px solid var(--line);padding:var(--cp);box-shadow:5px 5px 0 var(--line);min-width:0}
.sl.dark .card{box-shadow:5px 5px 0 var(--naranja)}
.c2-top{margin:calc(-1 * var(--cp)) calc(-1 * var(--cp)) 12px}
.min0,.sl-txt,.sl-vis{min-width:0}

/* =================== vuelta 2 (crítica v1) =================== */
/* modo cliente: lo interno no existe */
[data-modo="cliente"] .solo-vendedor{display:none!important}
.nota-v dl{margin:0;display:grid;gap:8px}
.nota-v dl>div{display:grid;grid-template-columns:170px 1fr;gap:12px}
.nota-v dt{font:800 12px/1.4 var(--mono);text-transform:uppercase;color:#B8470F}
.nota-v dd{margin:0}
@media (max-width:640px){.nota-v dl>div{grid-template-columns:1fr;gap:2px}}

/* video del playbook: play en la esquina, views en píldora */
.vid.pv button.play{align-items:flex-end;justify-content:flex-end;padding:10px;box-sizing:border-box;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.35))}
.vid.pv button.play svg{width:46px;height:46px}
.vid.pv .views{left:8px;bottom:10px;font:800 13px/1 var(--display);background:var(--negro);color:#fff;padding:6px 8px;text-shadow:none}
.vid.pv .meta{gap:4px}
.vid.pv .meta b{font-size:15px}
.sl.dark .vid{background:#222;border-color:var(--g2)}
.sl.dark .vid .meta span{color:var(--g4)}
.vid-solo .vid .frame{aspect-ratio:9/14}
.vid-solo{max-width:340px}

/* prueba */
.bar .fill.low{background:#8a2f0a}
.sl.dark .bar .track{background:#2c2c2c}
.sl.dark .bar .fill.mute{background:#7a7a7a}

/* ecosistema con cifra */
.esc-n{display:flex;align-items:baseline;gap:8px;margin:4px 0}
.esc-n b{font:900 34px/1 var(--display);color:var(--naranja)}
.esc-n span{font-size:13px;color:var(--muted)}
.esc-h img{height:52px;width:auto}
.card.esc .where{display:block}

/* formatos: tarjeta horizontal, 3×2 en una pantalla */
.fmt-grid{grid-template-columns:repeat(3,1fr);gap:18px}
.card.fmt{display:grid;grid-template-columns:118px 1fr;gap:14px;align-items:start;padding:12px}
.card.fmt .vid.mini{border-width:2px}
.card.fmt .vid.mini .frame{aspect-ratio:9/16}
.card.fmt .vid.mini .meta{display:none}
.card.fmt .vid.mini button.play svg{width:34px;height:34px}
.card.fmt .vid.mini .views{font-size:11px;padding:4px 6px}
.fmt-t .ico{color:var(--naranja);margin-bottom:6px}
.fmt-t h4{font-size:20px;margin-bottom:6px}
.fmt-t p{margin:0;font-size:14px;color:var(--muted)}

/* casos: 3 grandes horizontales + 3 chicos */
.casos-grid{grid-template-columns:repeat(3,1fr);gap:18px}
.card.caso2{display:grid;grid-template-columns:1fr 132px;gap:14px;align-items:start}
.card.caso2 .vid.mini .meta{display:none}
.card.caso2 .vid.mini .frame{aspect-ratio:9/16}
.card.caso2 .vid.mini button.play svg{width:34px;height:34px}
.card.caso2 .vid.mini .views{font-size:11px;padding:4px 6px}
.c2-top{margin:calc(-1 * var(--cp)) 0 12px calc(-1 * var(--cp));width:calc(100% + var(--cp));min-height:60px}
.c2-big{font-size:clamp(40px,4vw,60px)}
.casos-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.card.caso3{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;padding:14px}
.c3-logo{background:var(--gris);padding:10px;display:flex;align-items:center;justify-content:center;height:64px}
.c3-logo img{max-height:40px;width:auto;max-width:100px;object-fit:contain}
.c3-n{font:900 30px/1 var(--display);color:var(--naranja)}
.caso3 span{font-size:13px;color:var(--muted)}
.caso3 p{margin:4px 0 0;font-size:14px}
.mk{display:inline-flex;align-items:center}
.mk img{height:40px;width:auto;max-width:150px;object-fit:contain}
.cat-alt{display:none;font:900 15px/1.1 var(--display);text-transform:uppercase}
.cat-alt.on{display:inline}
.hero-logos .mk img{height:34px;max-width:130px;filter:brightness(0)}
.hero-logos .cat-alt{color:var(--negro)}

/* reglas con prueba */
.card.regla{display:flex;flex-direction:column}
.card.regla .prueba{display:flex;gap:6px;margin-top:auto;padding-top:12px;font:700 12px/1.35 var(--mono);color:var(--naranja-texto)}
.card.regla .prueba .ico{width:14px;height:14px;flex:none;color:var(--naranja);margin-top:1px}
.card.regla>p:not(.prueba){margin-bottom:10px}

/* paquetes */
.pk-grid{margin-top:12px}
.pk-foot{display:flex;align-items:center;gap:12px;margin-top:26px}
.pk-foot img{height:30px;width:auto}
.combo{display:grid;grid-template-columns:1.2fr 1fr auto;gap:28px;align-items:center;margin-top:30px;padding:24px 28px;background:var(--naranja);color:var(--negro);border:3px solid var(--negro);box-shadow:8px 8px 0 var(--negro)}
.combo .tier{font:700 12px/1 var(--mono);text-transform:uppercase}
.combo h3{font-size:clamp(28px,3vw,40px);font-weight:900;text-transform:uppercase;margin:6px 0 8px}
.combo p{margin:0}
.combo ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-weight:600}
.combo li{display:flex;gap:8px;align-items:center}
.combo .ico{width:16px;height:16px;color:var(--negro)}
.combo .price{font:900 clamp(36px,3.4vw,48px)/1 var(--display);color:var(--negro)}
.combo .price small{font:600 13px var(--body)}
.combo .btn{background:var(--negro);color:var(--gris);border-color:var(--negro);box-shadow:4px 4px 0 var(--gris);margin-top:12px}
.pk-extra{grid-template-columns:1fr 1fr}

/* cierre: parrilla de lugares */
.parrilla{margin:6px 0 4px}
.parrilla .cas{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;max-width:460px}
.parrilla i{display:block;aspect-ratio:1;border:2px solid var(--g2)}
.parrilla i.oc{background:#3a3a3a}
.parrilla i.lib{background:var(--naranja);border-color:var(--naranja);box-shadow:2px 2px 0 var(--gris)}
.parrilla .ley{display:flex;gap:18px;margin-top:10px;font:700 12px/1 var(--mono);text-transform:uppercase}
.parrilla .ley span{display:flex;gap:6px;align-items:center}
.parrilla .ley i{width:14px;height:14px;aspect-ratio:auto}
.mail span{font:600 15px var(--body);color:var(--g4)}

/* anexo: método completo */
.metodo{margin-top:22px}
.metodo h3{display:flex;gap:10px;align-items:center;margin-bottom:10px}
details.met{border-top:2px solid var(--line);padding:12px 0}
details.met summary{cursor:pointer;font:800 20px/1.2 var(--display);text-transform:uppercase;min-height:32px}
.met-in{margin-top:12px;overflow-x:auto}
.met-in table{border-collapse:collapse;font-size:13px;width:100%}
.met-in th,.met-in td{border:1px solid var(--g5);padding:6px 8px;text-align:left;vertical-align:top}

@media (max-width:1100px){
  .casos-grid,.casos-mini{grid-template-columns:1fr 1fr}
  .combo{grid-template-columns:1fr 1fr}
  .combo-p{grid-column:1/-1}
}
@media (max-width:860px){
  .pk-extra{grid-template-columns:1fr}
}
@media (max-width:640px){
  .casos-grid,.casos-mini,.fmt-grid{grid-template-columns:1fr}
  .combo{grid-template-columns:1fr}
  .card.caso2{grid-template-columns:1fr 104px}
}
@media print{
  .sin-permiso img{display:none!important}
  .sin-permiso .cat-alt{display:inline!important}
  .solo-vendedor{display:none!important}
}
/* fix v2: logo de caso a todo lo ancho, texto y video lado a lado */
.card.caso2 .c2-top{grid-column:1/-1;width:auto;margin:calc(-1 * var(--cp)) calc(-1 * var(--cp)) 4px}
.c2-txt{min-width:0}
.card.caso2 .vid.mini{min-width:0;width:100%}
.c3-logo .mk img{max-height:40px;max-width:96px}
.card.caso3>div{min-width:0}
.card.fmt>*{min-width:0}
/* vuelta 3 */
.empuje{margin-top:26px;font:800 clamp(18px,1.6vw,22px)/1.3 var(--display);text-transform:uppercase}
.empuje a{color:var(--naranja-texto);text-decoration:none;border-bottom:3px solid var(--naranja)}
.sl.dark .empuje a{color:var(--naranja)}
.prueba-1{margin-top:22px;padding:14px 18px;border:3px dashed var(--line);font-size:15px}
.combo .price small{color:var(--negro)}
.opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 22px;max-width:520px}
.opt{display:flex;flex-direction:column;gap:4px;padding:12px 14px;min-height:44px;border:2px solid var(--g2);text-decoration:none;color:var(--gris);background:#222;transition:transform .12s}
.opt:hover{transform:translate(-2px,-2px)}
.opt b{font:900 18px/1 var(--display);text-transform:uppercase}
.opt span{font:700 13px/1 var(--mono);color:var(--naranja)}
.opt.feat{background:var(--naranja);border-color:var(--naranja);color:var(--negro)}
.opt.feat span{color:var(--negro)}
.evid .bar{grid-template-columns:minmax(0,1.3fr) 1fr 56px;font-size:13px}
/* bugs v2 */
.sl-vis .vid .frame img{height:100%;max-height:none;object-fit:cover}
.sl .sello{flex-wrap:nowrap;align-items:flex-start}
.sl .sello::before{margin-top:3px}
.vid.mini .views{top:8px;bottom:auto;left:6px}
.card.caso3{align-items:start}
.casos-mini+.sello{margin-top:18px}
.card.caso2{grid-template-columns:minmax(0,1fr) 116px}
@media (max-width:640px){.sl h2{font-size:clamp(30px,9vw,44px);overflow-wrap:anywhere}}
/* vuelta 4 */
.sl.pbhero h1{font-size:clamp(44px,5.6vw,82px);margin-bottom:22px}
.sl.pbhero .sl-vis img{max-height:400px}
.sl.pbhero{padding-top:28px}
.sl.pbhero .logo-madre{height:52px;margin-bottom:14px}
.sl.pbhero .actions{margin-top:24px}
.hero-stats{margin-top:20px}
.hero-stats>div{padding:14px 20px}
.hero-stats b{font-size:clamp(34px,3.8vw,54px)}
.evid .bar{grid-template-columns:minmax(0,1.7fr) 1fr 50px;font-size:12.5px;line-height:1.2}
.combo.bar1{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;padding:16px 22px;margin-top:24px}
.combo.bar1 p{flex:1 1 300px;margin:0}
.combo.bar1 .price{font-size:clamp(28px,2.6vw,38px)}
.combo.bar1 .btn{margin-top:0}
.sl.prueba,#prueba{overflow:hidden}
/* cierre del loop */
.sl .sello{white-space:normal}
#prueba{min-height:100vh;overflow:hidden}
#paquetes-news .nota-v{margin-inline:0}

/* =================== ronda final: imagen hero por slide, textos cortos =================== */
.sl-vis .hero-img{width:100%;max-height:600px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.18))}
.sl-head.with-img{grid-template-columns:minmax(0,1fr) minmax(260px,42%);align-items:center;gap:40px;margin-bottom:28px}
.sl-head .head-img{width:100%;max-height:340px;object-fit:contain;justify-self:center;filter:drop-shadow(0 14px 24px rgba(0,0,0,.18))}
.sl-txt h2{font-size:clamp(40px,5vw,76px)}
.pts li{font-size:clamp(18px,1.7vw,24px)}
.vis-stack{position:relative}
.vid-float{position:absolute;right:0;bottom:-10px;width:150px;transform:rotate(3deg)}
.vid-float .vid{box-shadow:8px 8px 0 var(--naranja);border-width:3px}
.vid-float .vid .meta{display:none}
.vid-float .vid .frame{aspect-ratio:9/16}
.pelea{display:grid;gap:6px;margin:22px 0 0;max-width:460px}
.pelea span{justify-self:start;background:var(--g6);color:var(--negro);padding:10px 14px;border-radius:14px 14px 14px 2px;font-size:15px}
.pelea b{justify-self:end;background:var(--naranja);color:var(--negro);padding:10px 14px;border-radius:14px 14px 2px 14px;font-size:15px}
.big-x{border-top:0;margin-top:0;padding-top:0}
.big-x b{font-size:clamp(80px,10vw,150px)}
.bar span small{display:block;font:600 11px/1.2 var(--mono);color:var(--g4);margin-top:2px}
.sl.dark .bars{margin-top:22px}
.esc-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.reglas-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card.regla h4{font-size:22px}
.card.regla p{font-size:15px}
.pcard ul{font-size:14px}
.firma{font:900 clamp(22px,2.4vw,32px)/1.1 var(--display);margin-top:20px;color:var(--gris)}
.firma b{color:var(--naranja)}
.sl.cierre h2{font-size:clamp(56px,8vw,120px)}
@media (max-width:1100px){.esc-grid4,.reglas-grid4{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.sl-head.with-img{grid-template-columns:1fr}.sl-head .head-img{max-height:240px;justify-self:start}.vid-float{width:110px}}
@media (max-width:640px){.esc-grid4,.reglas-grid4{grid-template-columns:1fr}}
.sl-head .head-img{max-height:400px}
.evid .bar,.sl .bars .bar{grid-template-columns:minmax(150px,1.2fr) 1fr 56px}
.pcard h3{font-size:clamp(26px,2.4vw,36px);white-space:nowrap}
.sl.cierre .actions{margin:20px 0 0}