/* ViraLab MX · tema 2026 (rediseño 28-oct-2026). Marca: amarillo #FDD007 + negro. Fuente del sistema. Carga al final y gana por especificidad (body.vl26). */
body.vl26{--y:#FDD007;--ink:#0B0B0C;--mut:#5E5E66;--line:#E6E6EA;--bg:#F5F5F7;--card:#fff;--red:#E4002B;
 background:var(--bg)!important;color:var(--ink)!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;-webkit-font-smoothing:antialiased}
body.vl26::before{display:none!important}
body.vl26 *{font-family:inherit!important}
body.vl26 .wrap{max-width:1240px;margin:0 auto;padding:0 16px}
body.vl26 .top{background:rgba(11,11,12,.92);border:0}
body.vl26 .top .mini{background:var(--y)!important;color:#000;border-radius:999px;font-weight:700}
/* hero corto */
body.vl26 .home-hero{background:radial-gradient(90% 120% at 85% 0%,#2a2400 0%,#0B0B0C 60%)!important;color:#fff;padding:22px 0 20px!important;text-align:left}
body.vl26 .home-hero img{display:none}
body.vl26 .home-hero .vl-k{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--y);margin-bottom:6px}
body.vl26 .home-hero .vl-h{font-size:clamp(1.55rem,5.4vw,2.8rem);line-height:1.08;font-weight:800;letter-spacing:-.02em;margin:0 0 8px;color:#fff;max-width:760px}
body.vl26 .home-hero .vl-h em{font-style:normal;color:var(--y)}
body.vl26 .home-hero p{color:#C7C7CC;font-size:.95rem;margin:0 0 10px;max-width:640px}
body.vl26 .home-hero .pill{background:rgba(255,255,255,.08)!important;color:#E5E5EA!important;border:0!important;font-size:.72rem}
/* chips de categoría */
body.vl26 .secnav{top:56px;background:rgba(245,245,247,.92)!important;border-bottom:1px solid var(--line)!important;padding:10px 16px;backdrop-filter:saturate(1.6) blur(12px)}
body.vl26 .secnav a{background:#fff;border:1px solid var(--line)!important;color:var(--ink)!important;font-weight:600!important;font-size:.86rem!important;padding:7px 14px!important}
body.vl26 .secnav a:hover,body.vl26 .secnav a:first-child{background:var(--ink);color:#fff!important;border-color:var(--ink)!important}
/* secciones */
body.vl26 .sec{background:transparent!important;padding:26px 0 0!important;color:var(--ink)}
body.vl26 .sec h2{color:var(--ink)!important;font-size:clamp(1.25rem,3.6vw,1.75rem);font-weight:800;letter-spacing:-.02em;margin:2px 0 4px}
body.vl26 .sec h2 .spooky{font-family:inherit!important;color:#D95F00}
body.vl26 .eyebrow{background:none!important;color:var(--mut)!important;padding:0!important;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
body.vl26 .sec-intro{color:var(--mut)!important;font-size:.92rem;margin:0 0 12px}
body.vl26 .letra-chica{color:var(--mut)!important}
/* grid denso: 2 columnas en teléfono */
body.vl26 .grid-p{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
@media(min-width:720px){body.vl26 .grid-p{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}}
@media(min-width:1024px){body.vl26 .grid-p{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}}
/* tarjeta */
body.vl26 .pc.vc{display:flex!important;flex-direction:column;height:100%;background:var(--card)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:16px!important;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04)!important;transition:box-shadow .2s,transform .2s;text-decoration:none}
body.vl26 .pc.vc:hover{transform:translateY(-2px);box-shadow:0 12px 28px -12px rgba(0,0,0,.18)!important}
body.vl26 .vc .vi{aspect-ratio:1/1!important;background:#fff;border-bottom:1px solid #F0F0F2}
body.vl26 .vc .vi img{padding:8px;object-fit:contain}
body.vl26 .vc .vn{background:var(--ink);color:var(--y);border-radius:8px;font-size:.78rem;padding:3px 8px;left:8px;top:8px}
body.vl26 .vc .off,body.vl26 .odd .off{background:var(--red);color:#fff;border-radius:8px;font-size:.82rem;font-weight:800;padding:3px 7px;right:8px;top:8px}
body.vl26 .vc .pb{display:flex;flex-direction:column;flex:1;padding:10px 10px 12px!important;gap:3px}
body.vl26 .vc .bdgs{gap:4px;margin:0;min-height:20px}
body.vl26 .vc .bdg{background:#FFF6CC;color:#5C4A00;font-weight:700;font-size:.68rem;padding:2px 7px}
body.vl26 .vc .bdg.mv{background:var(--ink);color:var(--y)}
body.vl26 .vc .pill{background:#F0F0F2!important;color:var(--mut)!important;font-size:.66rem!important;padding:2px 7px!important;border:0!important;font-weight:600}
body.vl26 .vc h3{color:var(--ink)!important;font-size:.86rem!important;font-weight:500!important;line-height:1.3;margin:2px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
body.vl26 .vc .rm{color:var(--mut)!important;font-size:.74rem!important;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.vl26 .vc .st{color:#F5A700}
body.vl26 .vc .pp{margin-top:auto;padding-top:4px;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 6px}
body.vl26 .vc .pp b{color:var(--ink)!important;font-size:1.32rem!important;font-weight:800!important;letter-spacing:-.02em}
body.vl26 .vc .pp s{color:#8E8E93!important;font-size:.8rem!important;margin:0!important}
body.vl26 .vc .vf{color:#8E8E93!important;font-size:.64rem!important;line-height:1.25}
body.vl26 .vc .btn-ml,body.vl26 .odbuy{display:flex!important;align-items:center;justify-content:center;gap:4px;background:var(--y)!important;color:#000!important;border-radius:12px!important;padding:10px 8px!important;font-weight:700!important;font-size:.84rem;margin-top:6px!important;box-shadow:none!important}
body.vl26 .vc .btn-ml .ico{width:14px;height:14px}
body.vl26 .vc .hint,body.vl26 .odd .hint{color:var(--mut)!important;font-size:.64rem!important;line-height:1.25}
/* oferta del día */
body.vl26 .od{background:#0B0B0C!important;border:0!important;border-radius:22px!important;color:#fff;padding:18px!important}
body.vl26 .od h2{color:#fff!important}
body.vl26 .od .cd{color:var(--y)!important;font-variant-numeric:tabular-nums}
body.vl26 .odi{border-radius:16px}
body.vl26 .odb h3{color:#fff;font-weight:600}
body.vl26 .pbig b{color:#fff;font-size:2.1rem;letter-spacing:-.02em}
body.vl26 .odd .rm,body.vl26 .odd .hint{color:#C7C7CC!important}
body.vl26 .odd .vf{color:#8E8E93}
@media(max-width:640px){body.vl26 .odd{grid-template-columns:40% 1fr!important;gap:12px}body.vl26 .pbig b{font-size:1.6rem}body.vl26 .odb h3{font-size:.92rem}}
body.vl26 .odk{background:rgba(255,255,255,.96)!important;border-top:1px solid var(--line)!important;backdrop-filter:blur(12px)}
body.vl26 .odk small{color:#D95F00!important}body.vl26 .odk .t,body.vl26 .odk span{color:var(--ink)!important}
/* banners */
body.vl26 .nav-cta{background:linear-gradient(120deg,#0E5E3A,#9E1424)!important;border-radius:20px}
body.vl26 .sophie-cta{box-shadow:none!important}
body.vl26 footer{background:#0B0B0C!important;color:#C7C7CC;margin-top:32px;padding:28px 0}
body.vl26 footer a{color:var(--y)}
body.vl26 h1{color:var(--ink)}
body.vl26 .vl-nh{background:#0B0B0C;color:#fff;padding:22px 0}
body.vl26 .vl-nh h1{color:#fff;font-size:clamp(1.5rem,5vw,2.4rem);font-weight:800;letter-spacing:-.02em;margin:4px 0}
body.vl26 .vl-nh p{color:#C7C7CC;margin:0}body.vl26 .vl-nh a{color:var(--y)}
body.vl26 .nav-cta{padding:14px 16px!important;gap:12px!important;flex-wrap:nowrap!important;font-size:.85rem}
body.vl26 .nav-cta>span:first-child{font-size:1.8rem!important}body.vl26 .nav-cta b{font-size:1.05rem}
body.vl26 .nav-cta .sc-btn{white-space:nowrap;padding:8px 12px;font-size:.8rem}
body.vl26 .vc .btn-ml{white-space:nowrap;font-size:.8rem}
@media(max-width:380px){body.vl26 .vc .btn-ml{font-size:.74rem}}
@media(min-width:641px){body.vl26 .odd{grid-template-columns:300px 1fr!important;align-items:center}body.vl26 .odb h3{font-size:1.4rem}body.vl26 .odbuy{max-width:360px}}
/* 29-oct fusión: atajos regalos/descuentos, por qué lo elegimos, alerta */
.fz-p{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.fz-p a{flex:0 0 auto;border:1px solid #e3e3e8;background:#fff;color:#111;border-radius:999px;padding:7px 14px;font-weight:700;font-size:.88rem;text-decoration:none}
.fz-p a.hot{background:#fff1eb;border-color:#ffb38a;color:#b3261e}
.vc .why{font-size:.76rem;line-height:1.3;color:#2f6b3a;margin:4px 0}
.fz-alert{margin:8px 0 16px;padding:16px;border-radius:16px;background:#f5f3ff;border:1px solid #e2dcff;color:#222}.fz-alert h2{font-size:1.05rem;margin:0 0 6px}