/* Ofertas Nosolorol — dirección "Tablero/Ticker". Namespaced .nsr-of / #module-nosolorol_ofertas-display.
   Integración con el tema clonada del patrón de Paranoia/ToV, acento ámbar. */

/* ===================== INTEGRACIÓN CON EL TEMA ===================== */
#module-nosolorol_ofertas-display nav.breadcrumb,
#module-nosolorol_ofertas-display #notifications{display:none !important}
#module-nosolorol_ofertas-display, #module-nosolorol_ofertas-display #wrapper{overflow-anchor:none}
#module-nosolorol_ofertas-display #wrapper{padding:0; margin:0; background:#100f0e; overflow-x:clip; display:flow-root}
#module-nosolorol_ofertas-display #content.page-content{padding:0; margin:0; border:0; border-radius:0; background:transparent; box-shadow:none}
#module-nosolorol_ofertas-display #footer{display:none !important}
@media(max-width:575px){
  #module-nosolorol_ofertas-display #wrapper > .container{margin:0 !important; padding-left:0 !important; padding-right:0 !important; max-width:none !important}
}
/* Barra fina flotante. CLAVE: el desenfoque va en ::before, NO en #header (backdrop-filter
   crea bloque contenedor y ataría el cajón lateral fixed a la altura de la barra). */
#module-nosolorol_ofertas-display #header{
  position:fixed !important; top:0; left:0; right:0; width:100%; z-index:1000; background:transparent !important;
  height:auto !important; min-height:0 !important;
  border-bottom:1px solid rgba(255,59,35,.18); transition:border-color .25s ease}
#module-nosolorol_ofertas-display #header::before{
  content:""; position:absolute; inset:0; z-index:0;
  background:rgba(4,7,10,.18); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  transition:background .25s ease}
#module-nosolorol_ofertas-display #header.nsr-scrolled::before{background:rgba(4,7,10,.88)}
#module-nosolorol_ofertas-display #header.nsr-scrolled{border-bottom-color:rgba(255,59,35,.42)}
#module-nosolorol_ofertas-display nav.header-nav,
#module-nosolorol_ofertas-display #nsr-drawer,
#module-nosolorol_ofertas-display #nsr-drawer-overlay,
#module-nosolorol_ofertas-display #_desktop_main_menu,
#module-nosolorol_ofertas-display #header .header-top-inner,
#module-nosolorol_ofertas-display #header #search_widget,
#module-nosolorol_ofertas-display #header .head-wishlist,
#module-nosolorol_ofertas-display #header .header-top .overlay,
#module-nosolorol_ofertas-display #header button[aria-label*="men" i],
#module-nosolorol_ofertas-display #nsr-hamburger-fixed{display:none !important}
#module-nosolorol_ofertas-display #header .header-top{position:relative !important; z-index:1; background:transparent !important; padding:0 !important; margin:0 !important; min-height:0 !important; height:auto !important; box-shadow:none !important}
#module-nosolorol_ofertas-display #header .header-top .container{display:flex !important; flex-wrap:nowrap !important; align-items:center !important; gap:20px; padding:9px 40px !important; min-height:0 !important; height:auto !important; max-width:none !important}
@media (max-width:600px){#module-nosolorol_ofertas-display #header .header-top .container{padding-left:16px !important; padding-right:16px !important}}
#module-nosolorol_ofertas-display #header .header_logo,
#module-nosolorol_ofertas-display #header #desktop_cart,
#module-nosolorol_ofertas-display #header .user-info{width:auto !important; max-width:none !important; flex:0 0 auto !important; float:none !important}
#module-nosolorol_ofertas-display #header .blockcart,
#module-nosolorol_ofertas-display #header .blockcart-header,
#module-nosolorol_ofertas-display #header .user-info{margin:0 !important}
#module-nosolorol_ofertas-display #header .header_logo{order:0; position:static !important; margin:0 auto 0 0 !important}
#module-nosolorol_ofertas-display #header .header_logo h1{margin:0}
#module-nosolorol_ofertas-display #header .logo{height:33px !important; width:auto !important; margin:0 !important}
#module-nosolorol_ofertas-display #header .user-info{order:1}
#module-nosolorol_ofertas-display #header #desktop_cart{order:2}
#module-nosolorol_ofertas-display #header .user-info,
#module-nosolorol_ofertas-display #header .user-info *,
#module-nosolorol_ofertas-display #header .blockcart,
#module-nosolorol_ofertas-display #header .blockcart *{color:#e6ebf2 !important}
#module-nosolorol_ofertas-display #header .blockcart .mobile_count{background:#ff3b23 !important; color:#fff !important}
#module-nosolorol_ofertas-display #header .blockcart .cart-products-count{background:transparent !important; color:#fff !important}
#module-nosolorol_ofertas-display #header #desktop_cart:hover .shopping-cart .icon,
#module-nosolorol_ofertas-display #header .user-info:hover .user-info-title{background-color:#ff3b23 !important}
/* cajón lateral del carrito — piel B2 (editorial: negro cálido, crema, bermellón, serif en títulos) */
#module-nosolorol_ofertas-display #header .cart_block,
#module-nosolorol_ofertas-display #header .cart_block .top-block-cart,
#module-nosolorol_ofertas-display #header .cart_block .cart-summary,
#module-nosolorol_ofertas-display #header .user-info .dropdown-menu{background:#100f0e !important}
#module-nosolorol_ofertas-display #header .cart_block{border-left:1px solid rgba(255,255,255,.11) !important; box-shadow:-32px 0 90px -30px #000 !important}
#module-nosolorol_ofertas-display #header .cart_block .top-block-cart{border-bottom:1px solid rgba(255,255,255,.11) !important; color:#fff !important; font-family:'Oxanium',cursive !important; font-weight:700 !important; text-transform:none; letter-spacing:0}
#module-nosolorol_ofertas-display #header .cart_block .cart-item{border-bottom:1px solid rgba(255,255,255,.11) !important}
#module-nosolorol_ofertas-display #header .cart_block,
#module-nosolorol_ofertas-display #header .cart_block a{color:#f2ede3 !important}
#module-nosolorol_ofertas-display #header .cart_block .product-name{color:#fff !important; font-family:'Oxanium',cursive !important}
#module-nosolorol_ofertas-display #header .cart_block .product-price,
#module-nosolorol_ofertas-display #header .cart_block .value,
#module-nosolorol_ofertas-display #header .cart_block .cart-total .value{color:#ff3b23 !important; font-variant-numeric:tabular-nums}
#module-nosolorol_ofertas-display #header .cart_block .remove-from-cart{color:#9c958b !important}
#module-nosolorol_ofertas-display #header .cart_block .remove-from-cart:hover{color:#ff3b23 !important}
#module-nosolorol_ofertas-display #header .cart_block .fsb-bar-progress{background:#ff3b23 !important}
#module-nosolorol_ofertas-display #header .cart_block .btn-primary,
#module-nosolorol_ofertas-display #header .cart_block .btn{
  font-family:'Poppins',sans-serif !important; font-weight:700 !important;
  font-size:11.5px !important; letter-spacing:.12em !important; text-transform:uppercase !important;
  padding:12px 8px !important; white-space:nowrap !important; border-radius:0 !important;
  background:#ff3b23 !important; border:1px solid #ff3b23 !important; color:#fff !important}

/* ================= MODAL "producto añadido a la cesta" =================
   Cuelga del <body>, FUERA de .nsr-of: aquí NO valen las variables, van colores literales (paleta B2). */
#module-nosolorol_ofertas-display #blockcart-modal .modal-content{background:#100f0e !important; border:1px solid rgba(255,255,255,.11) !important; border-top:2px solid #ff3b23 !important; border-radius:0 !important; box-shadow:0 40px 100px -30px #000}
#module-nosolorol_ofertas-display #blockcart-modal .modal-header{border-bottom:1px solid rgba(255,255,255,.11) !important; background:transparent !important}
#module-nosolorol_ofertas-display #blockcart-modal .modal-title{font:700 20px/1.2 'Oxanium',cursive !important; letter-spacing:0; text-transform:none; color:#fff !important}
#module-nosolorol_ofertas-display #blockcart-modal .modal-title i,
#module-nosolorol_ofertas-display #blockcart-modal .modal-title .material-icons{color:#ff3b23 !important}
#module-nosolorol_ofertas-display #blockcart-modal .modal-body{color:#9c958b}
#module-nosolorol_ofertas-display #blockcart-modal .modal-body a{color:#f2ede3}
#module-nosolorol_ofertas-display #blockcart-modal .product-name{color:#fff; font-family:'Oxanium',cursive}
#module-nosolorol_ofertas-display #blockcart-modal .close,
#module-nosolorol_ofertas-display #blockcart-modal .close span{color:#9c958b !important; opacity:1 !important; text-shadow:none !important}
#module-nosolorol_ofertas-display #blockcart-modal .close:hover span{color:#ff3b23 !important}
#module-nosolorol_ofertas-display #blockcart-modal .product-price,
#module-nosolorol_ofertas-display #blockcart-modal .cart-content .value{color:#ff3b23 !important; font-variant-numeric:tabular-nums}
#module-nosolorol_ofertas-display #blockcart-modal .cart-content .label{color:#9c958b !important}
#module-nosolorol_ofertas-display #blockcart-modal .btn-primary{background:#ff3b23 !important; color:#fff !important; border:1px solid #ff3b23 !important; border-radius:0 !important; font:700 12px/1 'Poppins',sans-serif !important; letter-spacing:.12em !important; text-transform:uppercase !important}
#module-nosolorol_ofertas-display #blockcart-modal .btn-primary:hover{filter:brightness(1.08) !important}
#module-nosolorol_ofertas-display #blockcart-modal .btn-secondary{background:transparent !important; color:#f2ede3 !important; border:1px solid rgba(255,255,255,.11) !important; border-radius:0 !important; font:700 12px/1 'Poppins',sans-serif !important; letter-spacing:.12em !important; text-transform:uppercase !important}
#module-nosolorol_ofertas-display #blockcart-modal .btn-secondary:hover{border-color:#ff3b23 !important; color:#fff !important; background:transparent !important}

/* ===================== DISEÑO — «Especial Ofertas» (editorial · número especial) ===================== */
.nsr-of{
  --bg:#100f0e; --panel:#1a1917; --panel2:#232120; --ink:#f2ede3; --sub:#9c958b; --line:rgba(255,255,255,.11);
  --spot:#ff3b23; --gold:#e6c07a;
  --disp:'Oxanium',cursive; --sans:'Poppins',sans-serif; /* tipografías del tema Gamekout (ya cargadas en el head) */
  /* el header fijo mide 52px pero el contenido del tema arranca ya 25px por debajo:
     52 − 25 = 27 para que el ticker quede pegado bajo la barra sin hueco. */
  background:var(--bg); color:var(--ink); font-family:var(--sans); padding-top:27px;
}
#module-nosolorol_ofertas-display #wrapper > .container{margin-top:0 !important}
.nsr-of a{color:inherit; text-decoration:none}
.nsr-of img{max-width:100%}
.nsr-of .wrapc{max-width:1160px; margin:0 auto; padding:0 24px}
.nsr-of .ph{position:absolute; inset:0; background:linear-gradient(160deg,#242220,#141311)}
.nsr-of .ofcard .im .ph, .nsr-of .hcov .ph{display:flex;align-items:center;justify-content:center;padding:16px;text-align:center}
.nsr-of .ph span{font-family:var(--sans);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sub)}

.nsr-of .ticker,.nsr-of .hero,.nsr-of-footer{width:100vw; margin-left:calc(50% - 50vw); position:relative}

.nsr-of .ticker{overflow:hidden;border-bottom:1px solid var(--line);background:var(--bg);white-space:nowrap;font-size:12.5px}
.nsr-of .ticker .run{display:inline-block;padding:10px 0;animation:nsrof-scroll 44s linear infinite}
.nsr-of .ticker .it{display:inline-block;padding:0 24px;color:var(--sub);letter-spacing:.02em}
.nsr-of .ticker .it b{color:var(--ink);font-family:var(--disp);font-style:italic}
.nsr-of .ticker .it .d{font-weight:700;color:var(--spot)}
.nsr-of .ticker a.it:hover b{color:var(--spot)}
.nsr-of .ticker:hover .run{animation-play-state:paused}
@keyframes nsrof-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.nsr-of .ticker .run{animation:none}}

.nsr-of .hero{border-bottom:1px solid var(--ink);background:var(--bg)}
/* "Oferta de la semana": mismo hero, pero intercalado en el contenido (separado arriba y abajo) */
.nsr-of .hero.week{border-top:1px solid var(--ink);margin-top:46px;padding-bottom:50px}
.nsr-of .hero-stage{overflow:hidden;position:relative;padding-top:52px}
.nsr-of .hero-track{display:flex;transition:transform .6s cubic-bezier(.65,0,.2,1);will-change:transform}
.nsr-of .slide{flex:0 0 100%;min-width:0}
.nsr-of .slide-in{max-width:1160px;margin:0 auto;padding:0 24px;display:flex;gap:48px;align-items:center;min-width:0}
.nsr-of .board{flex:1 1 auto;min-width:0;position:relative}
/* difuminados negro→transparente en los márgenes de la página: entradas/salidas suaves */
.nsr-of .hero-stage::before,.nsr-of .hero-stage::after{content:"";position:absolute;top:0;bottom:0;z-index:4;pointer-events:none;width:max(40px,calc((100vw - 1160px) / 2))}
.nsr-of .hero-stage::before{left:0;background:linear-gradient(to right,var(--bg),transparent)}
.nsr-of .hero-stage::after{right:0;background:linear-gradient(to left,var(--bg),transparent)}
.nsr-of .brow{font-family:var(--sans);font-weight:700;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--spot);display:flex;align-items:center;gap:10px}
.nsr-of .brow .live{display:inline-flex;align-items:center;gap:6px;color:var(--sub)}
.nsr-of .brow .live i{width:6px;height:6px;border-radius:50%;background:var(--spot);animation:nsrof-blink 1.6s infinite}
@keyframes nsrof-blink{50%{opacity:.35}}
.nsr-of .bname{font-family:var(--disp);font-weight:700;font-size:clamp(36px,5.4vw,68px);line-height:1;letter-spacing:-.01em;margin:20px 0 0;text-wrap:balance;color:#fff}
.nsr-of .bsub{font-family:var(--sans);font-weight:700;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:14px 0 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nsr-of .bmid{display:flex;align-items:flex-end;gap:30px;margin-top:26px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px}
.nsr-of .bpct{font-family:var(--disp);font-weight:700;font-size:clamp(60px,10vw,112px);line-height:.78;color:var(--spot)}
.nsr-of .bpct small{font-size:.32em;vertical-align:super;position:relative;top:-5px} /* volado del % (escritorio): subido */
.nsr-of .bprice .old{color:var(--sub);text-decoration:line-through;font-size:16px}
.nsr-of .bprice .new{font-family:var(--disp);font-weight:700;font-size:36px;color:#fff;display:block;margin-top:2px}
.nsr-of .bprice .save{display:inline-block;margin-top:10px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--sub);border-bottom:2px solid var(--spot);padding-bottom:3px}
/* "envío gratis" integrado en la línea de "Edición impresa" (productos físicos con precio final > 50 €) */
.nsr-of .of-sep{color:var(--sub);opacity:.55}
.nsr-of .bship-in{display:inline-flex;align-items:center;gap:6px;color:var(--gold)}
.nsr-of .bship-in svg{width:1.15em;height:1.15em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nsr-of .of-short{display:none}
.nsr-of .bcta{display:flex;gap:16px;margin-top:26px;flex-wrap:wrap;align-items:center}
.nsr-of .btn{font-family:var(--sans);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:15px 28px;border:1px solid var(--ink);background:transparent;color:var(--ink);display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.nsr-of .btn.p{background:var(--spot);border-color:var(--spot);color:#fff}
.nsr-of .btn.s{border:0;padding:15px 4px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--spot)}
.nsr-of .of-atc{margin:0}
.nsr-of .hcov{flex:0 0 340px;position:relative;display:block;border:1px solid var(--line);overflow:hidden;background:#161513;aspect-ratio:3/4;box-shadow:0 40px 90px -44px #000}
.nsr-of .hcov img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nsr-of .flag{position:absolute;top:0;left:0;z-index:3;font-family:var(--disp);font-weight:700;font-size:20px;background:var(--spot);color:#fff;padding:6px 15px}
/* navegación del carrusel: dots con barra de progreso del autoplay */
.nsr-of .hero-navwrap{max-width:1160px;margin:0 auto;padding:26px 24px 52px}
.nsr-of .hero-nav{display:flex;gap:9px}
.nsr-of .dot{width:46px;height:3px;padding:0;border:0;border-radius:2px;background:rgba(255,255,255,.15);position:relative;overflow:hidden;cursor:pointer;transition:background .2s}
.nsr-of .dot.on{background:rgba(255,255,255,.28)}
.nsr-of .dot:hover{background:rgba(255,255,255,.42)}
.nsr-of .dot:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.nsr-of .dot .bar{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--spot)}
@media(prefers-reduced-motion:reduce){.nsr-of .hero-track{transition:none}.nsr-of .dot .bar{display:none}}

.nsr-of .chips{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;padding:26px 24px 4px;max-width:1160px;margin:0 auto}
.nsr-of .chip{font-family:var(--sans);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sub);padding:8px 2px;border-bottom:2px solid transparent}
.nsr-of .chip.on{color:var(--ink);border-bottom-color:var(--spot)}

.nsr-of section{padding:46px 0 6px;scroll-margin-top:70px}
/* marca de sección = filete rojo corto (mantiene el acento sin implicar orden como los números) */
.nsr-of .sh{display:flex;align-items:center;gap:16px;margin-bottom:26px;border-bottom:1px solid var(--line);padding-bottom:16px}
/* marca de sección = filete rojo VERTICAL dentro del título: en em, así escala solo con la tipografía del h2 a cualquier ancho */
.nsr-of .sh h2::before{content:"";position:absolute;left:0;top:.2em;width:3px;height:.72em;border-radius:2px;background:var(--spot)}
.nsr-of .sh h2{position:relative;padding-left:15px;font-family:var(--disp);font-weight:700;font-size:clamp(24px,3.4vw,36px);color:#fff}
.nsr-of .sh .tag,.nsr-of .sh .more{display:none}
/* flechas de la cabecera de las tiras (solo se muestran en móvil, ver bloque ≤600) */
.nsr-of .shnav{display:none;gap:6px;margin-left:auto;flex:0 0 auto}
.nsr-of .hnav{width:34px;height:30px;padding:0;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s,border-color .15s,color .15s}
.nsr-of .hnav:hover{border-color:var(--spot);color:var(--spot)}
.nsr-of .hnav[disabled]{opacity:.3;pointer-events:none}
.nsr-of .hnav svg{width:13px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}

.nsr-of .cols2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.nsr-of .list{border:0;background:transparent}
.nsr-of .r{display:grid;grid-template-columns:44px 1fr auto 56px 34px;gap:16px;align-items:center;padding:15px 2px;border-bottom:1px solid var(--line)}
.nsr-of .r:hover .nm .t{color:var(--spot)}
.nsr-of .r .th{position:relative;width:40px;height:53px;overflow:hidden}
.nsr-of .r .th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nsr-of .r .nm{min-width:0}
.nsr-of .r .nm .t{font-family:var(--disp);font-weight:600;font-size:16px;line-height:1.2;color:#fff;transition:color .15s}
.nsr-of .r .nm .end{font-family:var(--sans);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--spot);margin-top:3px}
.nsr-of .r .pr{text-align:right}
.nsr-of .r .pr .old{color:var(--sub);text-decoration:line-through;font-size:11px;display:block}
.nsr-of .r .pr .new{font-family:var(--disp);font-weight:700;font-size:18px;color:#fff}
.nsr-of .r .pc{font-family:var(--disp);font-weight:700;font-size:17px;color:var(--spot);text-align:right}

.nsr-of .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.nsr-of .ofcard{position:relative;display:block;background:transparent;min-width:0}
.nsr-of .ofcard:hover .im{border-color:var(--spot)}
.nsr-of .ofcard .im{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;border:1px solid var(--line);background:#161513;transition:border-color .18s}
.nsr-of .ofcard .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nsr-of .bd{position:absolute;top:0;left:0;z-index:3;font-family:var(--disp);font-weight:700;font-size:16px;background:var(--spot);color:#fff;padding:4px 11px}
.nsr-of .tf{position:absolute;bottom:10px;left:10px;z-index:3;font-family:var(--sans);font-weight:700;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(16,15,14,.82);border:1px solid var(--line);padding:4px 9px}
.nsr-of .tf.low{color:var(--gold);border-color:rgba(230,192,122,.5)}
.nsr-of .ofcard .cb{padding:14px 2px 4px}
.nsr-of .ofcard .cnm{display:block;font-family:var(--disp);font-weight:600;font-size:16px;line-height:1.2;margin:0 0 10px;min-height:2.4em;color:#fff}
.nsr-of .ofcard .cp{display:flex;align-items:baseline;gap:9px}
.nsr-of .ofcard .cp .old{color:var(--sub);text-decoration:line-through;font-size:12px}
.nsr-of .ofcard .cp .new{font-family:var(--disp);font-weight:700;font-size:19px;color:var(--spot)}
.nsr-of .of-add{margin-top:12px;width:100%;display:block;font-family:var(--sans);font-weight:700;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--line);padding:11px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.nsr-of .of-add:hover{background:var(--spot);border-color:var(--spot);color:#fff}
.nsr-of .of-add.mini{width:34px;height:34px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;color:var(--ink);background:transparent}
/* botón AGOTADO — cinturón: se ocultan del listado; tirantes: si alguno se cuela, sale desactivado y apagado */
.nsr-of .of-add.soldout,.nsr-of .btn.p.soldout{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.14) !important;color:#8f9299 !important;cursor:not-allowed;pointer-events:none;box-shadow:none !important;opacity:1}
.nsr-of .of-add.mini.soldout{width:auto;min-width:34px;height:34px;padding:0 9px;display:inline-flex;font-size:8.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.nsr-of .of-add.mini:hover{background:var(--spot);border-color:var(--spot);color:#fff}

.nsr-of .empty{max-width:720px;margin:60px auto;padding:0 24px;text-align:center}
.nsr-of .empty .ebox{border:1px solid var(--line);padding:44px 30px;background:var(--panel)}
.nsr-of .empty .eh{font-family:var(--disp);font-weight:700;color:#fff;font-size:24px;margin-bottom:12px}
.nsr-of .empty p{color:var(--sub);font-size:15px;line-height:1.6;margin:0 auto 22px;max-width:44ch}
/* ===== pie unificado con las demás landings + aviso legal de descatalogados ===== */
.nsr-of-footer{margin-top:56px;background:linear-gradient(180deg,#0b0a0a,#070606);border-top:2px solid var(--spot);padding:40px 0 26px}
.nsr-of-legal{max-width:1000px;margin:0 auto;padding:0 24px 28px;color:var(--sub);font-family:var(--sans)}
.nsr-of-legal h3{font-family:var(--disp);font-weight:700;font-size:16px;color:var(--ink);margin:0 0 10px;letter-spacing:.02em}
.nsr-of-legal p{font-size:13px;line-height:1.6;margin:0 0 14px}
.nsr-of-legal ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.nsr-of-legal li{font-size:12.5px;line-height:1.6;padding-left:16px;position:relative}
.nsr-of-legal li::before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;background:var(--spot);border-radius:50%}
.nsr-of-legal strong{color:var(--ink);font-weight:700}
.nsr-of-legal em{color:var(--gold);font-style:normal}
.nsr-of-footer__in{max-width:1000px;margin:0 auto;padding:22px 24px 0;display:flex;flex-wrap:wrap;gap:14px 36px;align-items:center;justify-content:center;border-top:1px solid var(--line)}
.nsr-of-footer__links{display:flex;gap:22px;flex-wrap:wrap;justify-content:center}
.nsr-of-footer__links a{font-family:var(--sans);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--sub);text-decoration:none;transition:color .15s}
.nsr-of-footer__links a:hover{color:#fff}
.nsr-of-footer__copy{max-width:1000px;margin:16px auto 0;padding:0 24px;text-align:center;font-family:var(--sans);font-size:12.5px;color:var(--sub)}

@media(max-width:880px){
  /* Hero apilado: la portada va ARRIBA y SIEMPRE ENTERA (nunca una franja recortada).
     La caja se ajusta al alto natural de la imagen, así que da igual su proporción real. */
  .nsr-of .slide-in{flex-direction:column;align-items:center;gap:30px}
  .nsr-of .board{width:100%}
  .nsr-of .hcov{order:-1;flex:0 0 auto;width:min(340px,78%);max-width:none;aspect-ratio:auto}
  .nsr-of .hcov img{position:static;width:100%;height:auto}
  .nsr-of .hero-navwrap{padding-top:18px}
  .nsr-of .grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .nsr-of .cols2{grid-template-columns:1fr;gap:20px}
}
@media(max-width:575px){
  .nsr-of .wrapc{padding:0 14px}
  .nsr-of .r{grid-template-columns:44px 1fr auto 34px}
  .nsr-of .r .pc{display:none}
}

/* ===== HERO «PÓSTER» (móvil ≤600) — portada a sangre + ficha superpuesta abajo =====
   El hero apilado se iba en altura; aquí la portada es el fondo a sangre y la ficha
   (eyebrow, nombre, precio con −%, botón) se superpone sobre un velo, para que TODO
   —imagen → botón— quepa de un vistazo. */
@media(max-width:600px){
  .nsr-of .hero-stage{padding-top:0}
  .nsr-of .hero-stage::before,.nsr-of .hero-stage::after{display:none} /* sin fades laterales sobre la portada */
  .nsr-of .hero{position:relative}
  .nsr-of .slide{align-items:stretch}
  .nsr-of .slide-in{position:relative;display:block;padding:0;margin:0;max-width:none;gap:0;
    text-shadow:0 2px 16px rgba(0,0,0,.5);height:540px;height:clamp(470px,78svh,600px)}
  /* portada = fondo a sangre */
  .nsr-of .hcov{position:absolute;inset:0;order:0;width:100%;max-width:none;height:100%;
    aspect-ratio:auto;border:0;margin:0;box-shadow:none;background:#100f0e;z-index:0}
  .nsr-of .hcov img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .nsr-of .flag{font-size:15px;padding:5px 12px}
  /* velo para legibilidad del texto */
  .nsr-of .slide-in::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(180deg,rgba(16,15,14,.12) 0%,rgba(16,15,14,.02) 32%,rgba(16,15,14,.80) 68%,rgba(16,15,14,.97) 100%)}
  /* ficha superpuesta abajo */
  .nsr-of .board{position:absolute;left:0;right:0;bottom:0;z-index:2;width:auto;
    display:flex;flex-direction:column;gap:9px;padding:16px 16px 52px}
  .nsr-of .brow{font-size:10px;letter-spacing:.2em}
  .nsr-of .bname{font-size:clamp(24px,7vw,30px);margin:2px 0 0;line-height:1.02}
  .nsr-of .bsub{margin:0}
  .nsr-of .bmid{border-top:0;padding-top:0;margin-top:2px;gap:12px;align-items:baseline;flex-wrap:nowrap}
  .nsr-of .bprice{order:1;display:flex;align-items:baseline;gap:9px}
  .nsr-of .bprice .old{font-size:13px}
  .nsr-of .bprice .new{display:inline;margin:0;font-size:26px}
  .nsr-of .bprice .save{display:none}
  .nsr-of .bpct{order:2;margin-left:auto;font-size:24px;line-height:1}
  .nsr-of .bpct small{font-size:.62em;top:2px} /* el % volado al doble; +2px para bajarlo (en móvil subía de más) */
  .nsr-of .of-full{display:none}   /* en el póster: "Envío gratis" a secas para no recargar la línea */
  .nsr-of .of-short{display:inline}
  .nsr-of .bcta{margin-top:4px;gap:0}
  .nsr-of .bcta .of-atc{flex:1 1 100%;width:100%}
  .nsr-of .bcta .btn.p{width:100%;justify-content:center;padding:14px 16px}
  .nsr-of .bcta .btn.s{display:none} /* «ver la oferta» fuera en móvil (como en el artefacto) */
  /* dots dentro del póster, abajo */
  .nsr-of .hero-navwrap{position:absolute;left:0;right:0;bottom:0;z-index:3;margin:0;padding:0 0 16px;max-width:none}
  .nsr-of .hero-nav{justify-content:center}
}

/* ---- subtítulo "Edición impresa" (productos físicos) ---- */
.nsr-of .of-ed{font-family:var(--sans);font-weight:700;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.nsr-of .ofcard .cnm{min-height:0;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nsr-of .ofcard .of-ed{display:block;margin:0 0 11px}
.nsr-of .r .nm .t{line-height:1.15}
.nsr-of .r .nm .of-ed{font-size:8px;letter-spacing:.14em;margin-top:1px;line-height:1}

/* ===== highlights (carruseles horizontales) ===== */
.nsr-of .hl{margin-bottom:48px}
.nsr-of .hlwrap{position:relative}
.nsr-of .hltrack{--n:4;--gap:26px;display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:calc((100% - (var(--n) - 1) * var(--gap)) / var(--n));gap:30px var(--gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 0 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.nsr-of .hltrack::-webkit-scrollbar{display:none}
.nsr-of .hltrack .ofcard{scroll-snap-align:start}
@media(max-width:1024px){.nsr-of .hltrack{--n:3}}
@media(max-width:768px){.nsr-of .hltrack{--n:2}}
@media(max-width:520px){.nsr-of .hltrack{--n:1}}
.nsr-of .hlarr{position:absolute;top:calc(50% - 34px);width:34px;height:56px;padding:0;border:0;background:none;color:var(--sub);cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;transition:color .18s,opacity .18s}
.nsr-of .hlarr svg{width:30px;height:50px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.nsr-of .hlarr:hover{color:var(--spot)}
.nsr-of .hlarr.prev{left:-64px}
.nsr-of .hlarr.next{right:-64px}
.nsr-of .hlarr[disabled]{opacity:0;pointer-events:none}
.nsr-of .hlprog{display:none} /* barra de avance de la tira: solo en móvil (ver bloque ≤600) */
/* Responsividad de las flechas.
   - Pantalla ancha (>1251px): viven en el margen exterior (left/right:-64), hay hueco fuera de la tira.
   - Por debajo NO cabe ese margen, así que reservamos un carril lateral DENTRO del ancho (padding en
     .hlwrap) y las metemos ahí: al lado de las portadas, nunca encima ni fuera de pantalla.
   - Móvil de 1 columna: el gesto natural es deslizar, así que se retiran. */
@media(max-width:1251px){
  .nsr-of .hlwrap{padding:0 46px}
  .nsr-of .hlarr{width:40px}
  .nsr-of .hlarr.prev{left:0}
  .nsr-of .hlarr.next{right:0}
  .nsr-of .hlarr svg{width:26px;height:44px}
}
/* ===== TIRAS EN MÓVIL (≤600) — dos filas COMPACTAS, flechas superpuestas y barra de avance =====
   Portadas pequeñas (asoma una 3.ª columna → se ve que la fila sigue), tarjeta mínima (fuera botón y
   subtítulo), y el precio en UNA sola línea con el tachado reducido. */
@media(max-width:600px){
  .nsr-of .hltrack{grid-auto-columns:46%;gap:16px 14px}   /* dos columnas claras, con la 3.ª asomando */
  /* tarjeta mínima: portada + −% + nombre + precio */
  .nsr-of .hltrack .ofcard .of-add,
  .nsr-of .hltrack .ofcard .of-ed{display:none}
  .nsr-of .hltrack .ofcard .cb{padding:8px 0 2px}
  /* el título puede ocupar 2 líneas para que entre más */
  .nsr-of .hltrack .ofcard .cnm{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.16;min-height:2.32em;margin:0 0 5px}
  .nsr-of .hltrack .ofcard .cp{gap:6px;flex-wrap:nowrap;white-space:nowrap}
  .nsr-of .hltrack .ofcard .cp .old{font-size:10px}      /* tachado pequeño: no importa, evita que la línea parta */
  .nsr-of .hltrack .ofcard .cp .new{font-size:15.5px}
  .nsr-of .hltrack .ofcard .bd{font-size:12px;padding:3px 8px}
  /* flechas EN LA CABECERA (no superpuestas): fuera las de escritorio, dentro las del título */
  .nsr-of .hlwrap{padding:0}
  .nsr-of .hlarr{display:none}
  .nsr-of .hl .sh h2{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .nsr-of .shnav{display:flex}
  /* encabezado más apretado arriba y abajo */
  .nsr-of .hl{padding-top:16px}
  .nsr-of .hl .sh{gap:10px;margin-bottom:12px;padding-bottom:10px}
  .nsr-of .hnav{height:28px;width:32px}
  /* las flechas cuelgan bajo el título: las subo a la altura de las mayúsculas (la raya ya va global) */
  .nsr-of .hl .shnav{transform:translateY(-6px)}
  /* barra de avance bajo la tira */
  .nsr-of .hlprog{display:block;height:4px;margin:12px 0 0;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden}
  .nsr-of .hlprog span{display:block;height:100%;width:0;background:var(--spot);border-radius:3px;transition:width .12s linear}
}

/* ===== barra de filtros + orden del grid ===== */
.nsr-of .allsec{scroll-margin-top:80px}
.nsr-of .oftoolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:26px}
.nsr-of .offilters{display:flex;gap:10px;flex-wrap:wrap}
.nsr-of .fchip{font-family:var(--sans);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub);background:transparent;border:1px solid var(--line);padding:9px 15px;border-radius:99px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.nsr-of .fchip:hover{color:var(--ink);border-color:var(--sub)}
.nsr-of .fchip.on{color:#fff;background:var(--spot);border-color:var(--spot)}
.nsr-of .ofsort{font-family:var(--sans);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub);display:flex;align-items:center;gap:10px}
.nsr-of .ofsort select{font-family:var(--sans);font-size:12px;letter-spacing:.02em;text-transform:none;color:var(--ink);background:var(--panel);border:1px solid var(--line);padding:9px 12px;border-radius:6px;cursor:pointer}
.nsr-of .ofempty{text-align:center;color:var(--sub);padding:44px 0;font-family:var(--disp);font-style:italic;font-size:15px}

/* listado "Todas las ofertas": filas compactas a dos columnas, filtrable/ordenable */
.nsr-of .oflist{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}
@media(max-width:880px){.nsr-of .oflist{grid-template-columns:1fr;column-gap:0}}

/* selector de orden dentro del encabezado de "Todas las ofertas" */
.nsr-of .sh .ofsort{margin-left:auto}
@media(max-width:560px){.nsr-of .sh{flex-wrap:wrap}.nsr-of .sh .ofsort{margin-left:0;width:100%}}

/* fila de botones de orden (chips) de "Todas las ofertas" */
.nsr-of .ofsort{flex-wrap:wrap;margin-bottom:26px}
.nsr-of .ofsortlbl{color:var(--sub);margin-right:4px}

/* chips de orden: pastilla más pequeña (mismo texto) */
.nsr-of .ofsort{gap:8px}
.nsr-of .ofsort .fchip{padding:5px 12px}