/* Landing Paranoia — CRT del Complejo Alfa. Namespaced bajo .nsr-par /
   #module-nosolorol_paranoia-display. Integración con el tema clonada de nosolorol_tov. */

/* ===================== INTEGRACIÓN CON EL TEMA (como ToV/ADOM) ===================== */
#module-nosolorol_paranoia-display nav.breadcrumb{display:none}
/* sin anclaje de scroll: evita que cambios de contenido (efectos, terminal) den saltos de scroll en Chrome */
#module-nosolorol_paranoia-display, #module-nosolorol_paranoia-display #wrapper{overflow-anchor:none}
#module-nosolorol_paranoia-display #wrapper{padding:0; margin:0; background:#04070a; overflow-x:clip; display:flow-root}
/* el tema deja ~25px de aire fantasma sobre el contenedor; lo pegamos al header */
/* el .container del tema mete 15px de padding lateral; eso, con el full-bleed (100vw), descuadra las
   secciones en MÓVIL (hueco a un lado, a sangre por el otro). SOLO ahí lo anulamos para que .nsr-par
   ocupe el ancho real; en escritorio el contenedor centrado del tema debe conservarse intacto. */
@media(max-width:575px){
  #module-nosolorol_paranoia-display #wrapper > .container{margin:0 !important; padding-left:0 !important; padding-right:0 !important; max-width:none !important}
}
#module-nosolorol_paranoia-display #notifications{display:none !important}
#module-nosolorol_paranoia-display #content.page-content{padding:0; margin:0; border:0; border-radius:0; background:transparent; box-shadow:none}
/* pie del tema fuera: la landing lleva el suyo a medida */
#module-nosolorol_paranoia-display #footer{display: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_paranoia-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(63,208,255,.18); transition:border-color .25s ease}
#module-nosolorol_paranoia-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_paranoia-display #header.nsr-scrolled::before{background:rgba(4,7,10,.88)}
#module-nosolorol_paranoia-display #header.nsr-scrolled{border-bottom-color:rgba(255,46,63,.42)}
#module-nosolorol_paranoia-display nav.header-nav,
#module-nosolorol_paranoia-display #nsr-drawer,
#module-nosolorol_paranoia-display #nsr-drawer-overlay,
#module-nosolorol_paranoia-display #_desktop_main_menu,
#module-nosolorol_paranoia-display #header .header-top-inner,
#module-nosolorol_paranoia-display #header #search_widget,
#module-nosolorol_paranoia-display #header .head-wishlist,
#module-nosolorol_paranoia-display #header .header-top .overlay,
#module-nosolorol_paranoia-display #header button[aria-label*="men" i],
#module-nosolorol_paranoia-display #nsr-hamburger-fixed{display:none !important}
#module-nosolorol_paranoia-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_paranoia-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_paranoia-display #header .header-top .container{padding-left:16px !important; padding-right:16px !important}}
#module-nosolorol_paranoia-display #header .header_logo,
#module-nosolorol_paranoia-display #header #desktop_cart,
#module-nosolorol_paranoia-display #header .user-info{width:auto !important; max-width:none !important; flex:0 0 auto !important; float:none !important}
#module-nosolorol_paranoia-display #header .blockcart,
#module-nosolorol_paranoia-display #header .blockcart-header,
#module-nosolorol_paranoia-display #header .user-info{margin:0 !important}
#module-nosolorol_paranoia-display #header .header_logo{order:0; position:static !important; margin:0 auto 0 0 !important}
#module-nosolorol_paranoia-display #header .header_logo h1{margin:0}
#module-nosolorol_paranoia-display #header .logo{height:33px !important; width:auto !important; margin:0 !important}
#module-nosolorol_paranoia-display #header .user-info{order:1}
#module-nosolorol_paranoia-display #header #desktop_cart{order:2}
#module-nosolorol_paranoia-display #header .user-info,
#module-nosolorol_paranoia-display #header .user-info *,
#module-nosolorol_paranoia-display #header .blockcart,
#module-nosolorol_paranoia-display #header .blockcart *{color:#cdf4ff !important}
#module-nosolorol_paranoia-display #header .blockcart .mobile_count{background:#ff2e3f !important; color:#fff !important}
#module-nosolorol_paranoia-display #header .blockcart .cart-products-count{background:transparent !important; color:#fff !important}
#module-nosolorol_paranoia-display #header #desktop_cart:hover .shopping-cart .icon,
#module-nosolorol_paranoia-display #header .user-info:hover .user-info-title{background-color:#3fd0ff !important}
/* cajón lateral del carrito: oscuro con acento cian/rojo */
#module-nosolorol_paranoia-display #header .cart_block,
#module-nosolorol_paranoia-display #header .cart_block .top-block-cart,
#module-nosolorol_paranoia-display #header .cart_block .cart-summary,
#module-nosolorol_paranoia-display #header .user-info .dropdown-menu{background:#080d14 !important}
#module-nosolorol_paranoia-display #header .cart_block{border-left:1px solid #16304a !important; box-shadow:-32px 0 90px -30px #000 !important}
#module-nosolorol_paranoia-display #header .cart_block .top-block-cart{border-bottom:1px solid #16304a !important; color:#fff !important; font-family:ui-monospace,Menlo,Consolas,monospace !important; font-weight:700 !important; text-transform:uppercase; letter-spacing:.1em}
#module-nosolorol_paranoia-display #header .cart_block .cart-item{border-bottom:1px solid #16304a !important}
#module-nosolorol_paranoia-display #header .cart_block,
#module-nosolorol_paranoia-display #header .cart_block a,
#module-nosolorol_paranoia-display #header .cart_block .product-name{color:#cdf4ff !important}
#module-nosolorol_paranoia-display #header .cart_block .product-price,
#module-nosolorol_paranoia-display #header .cart_block .value,
#module-nosolorol_paranoia-display #header .cart_block .cart-total .value{color:#3fd0ff !important; font-variant-numeric:tabular-nums}
#module-nosolorol_paranoia-display #header .cart_block .remove-from-cart{color:#5f8296 !important}
#module-nosolorol_paranoia-display #header .cart_block .remove-from-cart:hover{color:#3fd0ff !important}
#module-nosolorol_paranoia-display #header .cart_block .fsb-bar-progress{background:#ff2e3f !important}
#module-nosolorol_paranoia-display #header .cart_block .btn-primary,
#module-nosolorol_paranoia-display #header .cart_block .btn{
  font-family:ui-monospace,Menlo,Consolas,monospace !important; font-weight:700 !important;
  font-size:11.5px !important; letter-spacing:.05em !important; text-transform:uppercase !important;
  padding:11px 8px !important; white-space:nowrap !important; border-radius:2px !important;
  background:#ff2e3f !important; border:1px solid #ff2e3f !important; color:#fff !important}

/* ================= MODAL "producto añadido a la cesta" =================
   Cuelga del <body>, FUERA de .nsr-par: aquí NO valen las variables, van colores literales (paleta CRT). */
#module-nosolorol_paranoia-display #blockcart-modal .modal-content{background:#0a121b !important; border:1px solid #16304a !important; border-top:2px solid #ff2e3f !important; border-radius:3px !important; box-shadow:0 40px 100px -30px #000, 0 0 60px -20px rgba(255,46,63,.4)}
#module-nosolorol_paranoia-display #blockcart-modal .modal-header{border-bottom:1px solid #14283c !important; background:transparent !important}
#module-nosolorol_paranoia-display #blockcart-modal .modal-title{font:700 13px/1.25 ui-monospace,Menlo,Consolas,monospace !important; letter-spacing:.14em; text-transform:uppercase; color:#fff !important}
#module-nosolorol_paranoia-display #blockcart-modal .modal-title i,
#module-nosolorol_paranoia-display #blockcart-modal .modal-title .material-icons{color:#3fd0ff !important}
#module-nosolorol_paranoia-display #blockcart-modal .modal-body{color:#8fd6ee}
#module-nosolorol_paranoia-display #blockcart-modal .modal-body a{color:#cdf4ff}
#module-nosolorol_paranoia-display #blockcart-modal .product-name{color:#fff}
#module-nosolorol_paranoia-display #blockcart-modal .close,
#module-nosolorol_paranoia-display #blockcart-modal .close span{color:#5f8296 !important; opacity:1 !important; text-shadow:none !important}
#module-nosolorol_paranoia-display #blockcart-modal .close:hover span{color:#3fd0ff !important}
#module-nosolorol_paranoia-display #blockcart-modal .product-price,
#module-nosolorol_paranoia-display #blockcart-modal .cart-content .value{color:#3fd0ff !important; font-variant-numeric:tabular-nums}
#module-nosolorol_paranoia-display #blockcart-modal .cart-content .label{color:#8fd6ee !important}
#module-nosolorol_paranoia-display #blockcart-modal .btn-primary{background:#ff2e3f !important; color:#fff !important; border:1px solid #ff2e3f !important; border-radius:2px !important; font:700 12px/1 ui-monospace,Menlo,Consolas,monospace !important; letter-spacing:.12em !important; text-transform:uppercase !important; text-shadow:0 0 10px rgba(255,46,63,.6); box-shadow:0 12px 26px -12px rgba(255,46,63,.9)}
#module-nosolorol_paranoia-display #blockcart-modal .btn-primary:hover{filter:brightness(1.12) !important}
#module-nosolorol_paranoia-display #blockcart-modal .btn-secondary{background:transparent !important; color:#cdf4ff !important; border:1px solid #16304a !important; border-radius:2px !important; font:700 12px/1 ui-monospace,Menlo,Consolas,monospace !important; letter-spacing:.12em !important; text-transform:uppercase !important}
#module-nosolorol_paranoia-display #blockcart-modal .btn-secondary:hover{border-color:#3fd0ff !important; color:#fff !important; background:transparent !important}

/* ===================== DISEÑO (tokens + componentes) ===================== */
.nsr-par{
  --mono: ui-monospace,"SF Mono",Menlo,Consolas,"Courier New",monospace;
  --red:#ff2e3f; --cyan:#3fd0ff; --cyan2:#9af0ff; --dim:#1d6a86; --ink:#cdf4ff; --sub:#8fd6ee;
  --pan:rgba(9,20,28,.72); --line:rgba(63,208,255,.22);
  color:var(--ink); font-family:var(--mono); background:#04070a;
}
.nsr-par *{ box-sizing:border-box; }
.nsr-par a{ color:inherit; text-decoration:none; }
.nsr-par img{ max-width:100%; }
.nsr-par .wrap{ max-width:1080px; margin:0 auto; padding:0 24px; }
.nsr-par section{ position:relative; z-index:2; }
/* barra superior FIJA (sticky): franja de clearance + barra de sistema, bajo la cabecera del tema */
.nsr-par .topbar{ position:fixed; top:52px; left:0; right:0; z-index:900; }
.nsr-par .clearance{ display:flex; height:6px; }
.nsr-par .clearance i{ flex:1; filter:saturate(.8) brightness(.9); }
/* barra de sistema del Ordenador (ORDENADOR//OS · GRABANDO · nav), estrecha, bajo la franja */
.nsr-par .sysbar{ position:relative; z-index:3; display:flex; align-items:center; gap:16px; flex-wrap:wrap; padding:6px 24px; font-size:10.5px; letter-spacing:.13em; text-transform:uppercase; border-bottom:1px solid var(--line); background:rgba(4,7,10,.4); }
.nsr-par .sysbar .os{ color:var(--cyan); text-shadow:0 0 8px rgba(63,208,255,.5); }
.nsr-par .sysbar .rec{ display:flex; align-items:center; gap:7px; color:var(--red); text-shadow:0 0 8px rgba(255,46,63,.6); }
.nsr-par .sysbar .rec b{ width:8px; height:8px; border-radius:50%; background:var(--red); box-shadow:0 0 9px var(--red); animation:nsrpulse 1.4s infinite; }
.nsr-par .sysbar .syslinks{ margin-left:auto; display:flex; gap:18px; flex-wrap:wrap; color:#7fa4bb; }
.nsr-par .sysbar .syslinks a:hover{ color:var(--cyan); }
@media(max-width:640px){ .nsr-par .sysbar .syslinks{ display:none; } }
.nsr-par .clrcols i:nth-child(1){background:#c0392b}.nsr-par .clrcols i:nth-child(2){background:#e67e22}.nsr-par .clrcols i:nth-child(3){background:#f1c40f}.nsr-par .clrcols i:nth-child(4){background:#27ae60}.nsr-par .clrcols i:nth-child(5){background:#2f86d6}.nsr-par .clrcols i:nth-child(6){background:#5b2c9e}.nsr-par .clrcols i:nth-child(7){background:#8e44ad}

.nsr-par .hero{ position:relative; min-height:100vh; overflow:hidden; display:flex; flex-direction:column; padding-top:96px; background:radial-gradient(120% 90% at 50% 12%, #0b2230 0%, #071520 48%, #03060a 100%); }
/* contain: aísla la terminal — sus cambios de texto (66/s) no propagan reflow ni disparan scroll-anchoring */
.nsr-par .term{ position:absolute; inset:0; z-index:0; overflow:hidden; contain:layout paint; opacity:.2; display:flex; flex-direction:column; justify-content:flex-end; padding:26px; -webkit-mask-image:linear-gradient(180deg,transparent 66px,#000 92px,#000 60%,transparent); mask-image:linear-gradient(180deg,transparent 66px,#000 92px,#000 60%,transparent); }
.nsr-par .term .tt{ font:12.5px/1.65 var(--mono); color:var(--cyan); white-space:pre-wrap; text-shadow:0 0 8px rgba(63,208,255,.5); }
.nsr-par .hstage{ position:relative; z-index:2; flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:56px 24px 64px; }
/* halo detrás del ojo (radial), NO filter sobre el SVG (Safari pintaba la caja del filtro) */
.nsr-par .eyewrap{ position:relative; width:clamp(170px,30vw,270px); margin:0 auto 24px; }
.nsr-par .eyewrap::before{ content:""; position:absolute; inset:-32%; border-radius:50%; z-index:0; background:radial-gradient(closest-side, rgba(63,208,255,.6) 34%, rgba(63,208,255,.24) 56%, transparent 74%); filter:blur(16px); }
.nsr-par .eye{ position:relative; z-index:1; width:100%; height:auto; display:block; }
.nsr-par #eyeall{ transform-box:fill-box; transform-origin:center; }
.nsr-par .eyebrow{ display:inline-flex; align-items:center; gap:9px; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:#fff; background:var(--red); padding:6px 13px; box-shadow:0 0 22px rgba(255,46,63,.5); }
.nsr-par .eyebrow .cam{ width:15px; height:15px; }
.nsr-par h1{ margin:22px 0 0; font-size:clamp(30px,5.6vw,64px); line-height:1.02; font-weight:700; text-transform:uppercase; color:var(--cyan2); text-wrap:balance; text-shadow:0 0 12px rgba(63,208,255,.6),0 0 34px rgba(63,208,255,.35); }
.nsr-par h1 em{ font-style:normal; color:#fff; }
.nsr-par h1 .cur{ color:var(--red); animation:nsrblink 1s steps(1) infinite; }
@keyframes nsrblink{ 50%{opacity:0} }
/* efecto "impresión": el texto ya ocupa su sitio (spans por PALABRA, transparentes) y se REVELA por color.
   Por palabra (no por carácter) para conservar espacios y no partir palabras. Hueco reservado desde el inicio. */
.nsr-par .w{ color:transparent; }
.nsr-par .w.on{ color:inherit; }
.nsr-par .w.head{ position:relative; }
.nsr-par .w.head::after{ content:"_"; position:absolute; left:100%; bottom:0; color:var(--red); text-shadow:0 0 8px rgba(255,46,63,.6); animation:nsrblink 1s steps(1) infinite; }
/* viñetas animadas: la marca ›  la pinta un span (se revela justo antes de su texto) y parpadea lento para siempre */
.nsr-par .bul li.anim-bul::before{ display:none; }
/* al animar, el texto de la viñeta pasa a spans por palabra; con flex no envolvería, así que la ponemos en
   bloque con sangría francesa (la marca › la pinta el span .bullet al inicio) */
.nsr-par .bul li.anim-bul{ display:block; padding-left:18px; text-indent:-18px; }
.nsr-par .w.bullet.on{ color:var(--red); text-shadow:0 0 8px rgba(255,46,63,.5); animation:nsrslowblink 2.2s ease-in-out infinite; }
@keyframes nsrslowblink{ 0%,100%{opacity:1} 55%{opacity:.28} }

/* cronología: años tipo odómetro/calendario mecánico (cada dígito cuenta de 0 a su valor) */
.nsr-par .tl .yr.yr-arm{ opacity:0; }               /* oculto hasta que le toca contar */
.nsr-par .tl .yr .dg{ display:inline-block; }
.nsr-par .tl .yr .dg.flip{ animation:nsr-flip .13s ease; }
@keyframes nsr-flip{ 0%{ transform:translateY(-42%); opacity:.25; } 100%{ transform:translateY(0); opacity:1; } }

/* encendido de tele de tubo en las portadas: arranca como línea brillante y se abre en vertical con fogonazo */
.nsr-par-pc__cover, .nsr-par-feat__cover{ transform-origin:center; }
.nsr-par-pc__cover.crt-arm, .nsr-par-feat__cover.crt-arm{ opacity:0; }   /* armada: oculta hasta encender (sin JS se ve normal) */
.nsr-par-pc__cover.crt-on, .nsr-par-feat__cover.crt-on{ animation:nsr-crton .56s cubic-bezier(.2,.7,.2,1) both; }
@keyframes nsr-crton{
  0%   { transform:scaleY(.004); filter:brightness(5) contrast(1.3) saturate(.2); opacity:0; }
  16%  { transform:scaleY(.004); filter:brightness(5) contrast(1.3) saturate(.2); opacity:1; }
  48%  { transform:scaleY(1.03); filter:brightness(2.4) saturate(1);              opacity:1; }
  72%  { transform:scaleY(.98);  filter:brightness(1.3); }
  100% { transform:scaleY(1);    filter:brightness(1); }
}
.nsr-par .lead{ max-width:610px; margin:22px auto 0; font-size:clamp(13px,1.5vw,15.5px); line-height:1.7; color:var(--sub); }
.nsr-par .lead q{ color:var(--cyan2); font-style:normal; }
.nsr-par .cta{ display:flex; gap:14px; flex-wrap:wrap; justify-content:center; margin-top:32px; }
.nsr-par .btn{ font-family:var(--mono); font-size:13px; letter-spacing:.04em; padding:14px 22px; cursor:pointer; transition:.15s; background:transparent; border:1px solid transparent; display:inline-block; }
.nsr-par .btn.p{ border-color:var(--red); color:#fff; background:rgba(255,46,63,.14); text-shadow:0 0 10px rgba(255,46,63,.6); }
.nsr-par .btn.p:hover{ background:var(--red); box-shadow:0 0 26px rgba(255,46,63,.55); }
.nsr-par .btn.s{ border-color:var(--dim); color:var(--cyan); }
.nsr-par .btn.s:hover{ border-color:var(--cyan); box-shadow:0 0 18px rgba(63,208,255,.35); }
.nsr-par .fine{ margin-top:22px; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:#4f7d90; }
.nsr-par .fine b{ color:var(--cyan); }

.nsr-par .body-sec{ padding:82px 0; border-top:1px solid rgba(63,208,255,.1); }
.nsr-par .sechead{ margin-bottom:34px; }
.nsr-par .sechead .code{ font-size:12px; color:#4f8298; line-height:1.7; }
.nsr-par .sechead .code s{ text-decoration:none; color:var(--cyan); }
.nsr-par .sechead .banner{ display:inline-block; margin-top:10px; background:var(--cyan); color:#04121c; font-weight:700; padding:8px 20px 9px; transform:skewX(-9deg); box-shadow:0 0 24px rgba(63,208,255,.35); }
.nsr-par .sechead .banner span{ display:inline-block; transform:skewX(9deg); font-size:clamp(20px,3.2vw,30px); text-wrap:balance; }

.nsr-par .grid{ display:grid; gap:22px; }
/* sin esto, un hijo de grid no encoge por debajo de su min-content y revienta el ancho en móvil */
.nsr-par .grid > *, .nsr-par .nsr-par-feat > *, .nsr-par .bul > *, .nsr-par .tl .it > *{ min-width:0; }
.nsr-par .g2{ grid-template-columns:1fr 1fr; } .nsr-par .g3{ grid-template-columns:repeat(3,1fr); } .nsr-par .g4{ grid-template-columns:repeat(4,1fr); }
@media(max-width:820px){ .nsr-par .g3,.nsr-par .g4{ grid-template-columns:1fr 1fr; } }
@media(max-width:520px){ .nsr-par .g2,.nsr-par .g3,.nsr-par .g4{ grid-template-columns:1fr; } }

.nsr-par .panel{ border:1px solid var(--line); background:var(--pan); padding:26px; }
.nsr-par .panel p{ color:var(--sub); font-size:14px; line-height:1.75; }
.nsr-par .panel p + p{ margin-top:12px; }
.nsr-par .dlg{ font-size:14px; line-height:1.8; }
.nsr-par .dlg .comp{ color:var(--cyan2); font-weight:700; }
.nsr-par .dlg .cit{ color:#89a7bd; font-style:italic; }
.nsr-par .bul{ list-style:none; display:grid; gap:12px; margin:22px 0 0; padding:0; }
.nsr-par .bul li{ display:flex; gap:11px; align-items:flex-start; font-size:13.5px; color:var(--sub); }
.nsr-par .bul li::before{ content:"›"; color:var(--red); font-weight:700; }
/* línea de tiempo (sección Origen) */
.nsr-par .tl{ display:grid; gap:0; }
.nsr-par .tl .it{ display:grid; grid-template-columns:120px 1fr; gap:20px; padding:18px 0; border-bottom:1px solid rgba(63,208,255,.12); }
.nsr-par .tl .yr{ color:var(--red); font-size:20px; font-weight:700; text-shadow:0 0 10px rgba(255,46,63,.4); }
.nsr-par .tl .tx{ color:var(--sub); font-size:13.5px; line-height:1.65; }
.nsr-par .tl .tx b{ color:#fff; }
@media(max-width:560px){ .nsr-par .tl .it{ grid-template-columns:1fr; gap:4px; } }

/* ---- banda cinemática ---- */
.nsr-par .cine{ position:relative; min-height:500px; display:flex; align-items:flex-end; overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#04070a; }
/* lineup panorámico a todo ancho (imagen ya horizontal), velo abajo para el texto */
.nsr-par .cine>img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(1.05) contrast(1.03); }
.nsr-par .cine .veil{ display:none; }
.nsr-par .cine .scanl{ position:absolute; inset:0; pointer-events:none; background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.24) 2px 3px); mix-blend-mode:multiply; }
.nsr-par .cine .cinein{ position:relative; z-index:2; width:100%; max-width:1080px; margin:0 auto; padding:44px 24px; }
/* scrim oscuro ANCLADO al texto (abajo-izquierda), se desvanece hacia la imagen: legibilidad sin oscurecer la foto */
.nsr-par .cine .cinein::before{ content:""; position:absolute; z-index:-1; pointer-events:none;
  left:0; top:0; bottom:0; right:auto; width:min(528px,100%);   /* banda ceñida: 24px de margen a cada lado del texto (480) */
  background:linear-gradient(0deg, rgba(4,7,10,.94) 0%, rgba(4,7,10,.64) 34%, rgba(4,7,10,.22) 62%, transparent 84%); }
.nsr-par .cine .kick{ display:inline-flex; align-items:center; gap:8px; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:#fff; background:var(--red); padding:5px 11px; }
.nsr-par .cine h2{ margin-top:16px; font-size:clamp(26px,4.4vw,48px); line-height:1.02; text-transform:uppercase; color:var(--cyan2); text-shadow:0 0 3px rgba(0,0,0,.95),0 2px 14px rgba(0,0,0,.9),0 0 24px rgba(63,208,255,.35); text-wrap:balance; max-width:480px; }
.nsr-par .cine p{ margin-top:14px; max-width:480px; font-size:15px; line-height:1.7; color:#d6ecf6; text-shadow:0 1px 7px rgba(0,0,0,.95),0 0 3px rgba(0,0,0,.92); }
.nsr-par .cine .kick{ text-shadow:none; }
@media(max-width:820px){
  .nsr-par .cine{ align-items:flex-end; min-height:460px; }
  .nsr-par .cine>img{ width:100%; height:100%; object-position:center 24%; -webkit-mask:none; mask:none; opacity:.55; }
  .nsr-par .cine .veil{ background:linear-gradient(0deg,#04070a 14%,rgba(4,7,10,.55) 46%,rgba(4,7,10,.35) 100%); }
  .nsr-par .cine h2,.nsr-par .cine p{ max-width:none; }
}

/* ---- glitch CRT compartido por las portadas ---- */
@keyframes nsrglitch{
  0%,95%,100%{ filter:drop-shadow(1.5px 0 0 rgba(255,46,63,.5)) drop-shadow(-1.5px 0 0 rgba(63,208,255,.5)) saturate(1.05); transform:none }
  96%{ filter:drop-shadow(5px 0 0 rgba(255,46,63,.78)) drop-shadow(-5px 0 0 rgba(63,208,255,.78)); transform:translateX(2px) }
  97.6%{ filter:drop-shadow(-4px 0 0 rgba(255,46,63,.78)) drop-shadow(4px 0 0 rgba(63,208,255,.78)); transform:translateX(-2px) }
  99%{ filter:none; transform:none }
}

/* hover CRT: aberración RGB (fantasma rojo/cian) que PARPADEA al entrar el ratón y se sostiene
   mientras está encima, junto con scanlines más marcadas. La imagen NO se mueve. */
@keyframes nsrglitch-hover{
  0%   { filter:drop-shadow(1.5px 0 0 rgba(255,46,63,.5)) drop-shadow(-1.5px 0 0 rgba(63,208,255,.5)) }
  18%  { filter:drop-shadow(7px 0 0 rgba(255,46,63,.9)) drop-shadow(-7px 0 0 rgba(63,208,255,.9)) brightness(1.35) }
  32%  { filter:drop-shadow(-3px 0 0 rgba(255,46,63,.7)) drop-shadow(3px 0 0 rgba(63,208,255,.7)) brightness(1.06) }
  48%  { filter:drop-shadow(6px 0 0 rgba(255,46,63,.85)) drop-shadow(-6px 0 0 rgba(63,208,255,.85)) }
  100% { filter:drop-shadow(2.5px 0 0 rgba(255,46,63,.62)) drop-shadow(-2.5px 0 0 rgba(63,208,255,.62)) saturate(1.12) }
}
.nsr-par .nsr-par-pc:hover .nsr-par-pc__cover img,
.nsr-par .nsr-par-feat__cover:hover img{ animation:nsrglitch-hover .5s ease-out forwards; }
/* scanlines más marcadas mientras pasas el ratón (de .2 a .42) */
.nsr-par .nsr-par-pc:hover .nsr-par-pc__cover::after,
.nsr-par .nsr-par-feat__cover:hover::after{ background:repeating-linear-gradient(0deg,rgba(0,0,0,0) 0 2px,rgba(0,0,0,.42) 2px 3px); }

/* ---- destacado (Pack Complejo Alfa) ---- */
.nsr-par .nsr-par-feat{ display:grid; grid-template-columns:400px 1fr; gap:0; align-items:stretch; border:1px solid var(--red); background:var(--pan); box-shadow:0 0 44px rgba(255,46,63,.08) inset; }
@media(max-width:820px){ .nsr-par .nsr-par-feat{ grid-template-columns:1fr; } }
.nsr-par .nsr-par-feat__cover{ display:block; position:relative; overflow:hidden; background:#fff; border-right:1px solid var(--line); }
.nsr-par .nsr-par-feat__cover img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; animation:nsrglitch 7s infinite; }
/* móvil: la portada del pack se apila y muestra la imagen ENTERA a todo ancho (sin recorte ni ancho fantasma).
   VA DESPUÉS de la regla base para ganar en orden de fuente (height:auto debe vencer al height:100%). */
@media(max-width:820px){
  .nsr-par .nsr-par-feat__cover{ height:auto; padding-bottom:0; aspect-ratio:auto; border-right:0; border-bottom:1px solid var(--line); }
  .nsr-par .nsr-par-feat__cover img{ position:static; width:100%; height:auto; max-width:100%; }
}
.nsr-par .nsr-par-feat__cover::after{ content:""; position:absolute; inset:0; pointer-events:none; background:repeating-linear-gradient(0deg,rgba(0,0,0,0) 0 2px,rgba(0,0,0,.2) 2px 3px); mix-blend-mode:multiply; }
.nsr-par .nsr-par-feat__body{ display:flex; flex-direction:column; padding:34px; }
.nsr-par .nsr-par-feat__tag{ align-self:flex-start; font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:#fff; background:var(--red); padding:4px 9px; }
.nsr-par .nsr-par-feat__name{ font-size:clamp(24px,3.4vw,32px); color:#fff; margin:12px 0 10px; text-transform:uppercase; text-wrap:balance; }
.nsr-par .nsr-par-feat__desc{ color:var(--sub); font-size:14px; line-height:1.7; }
.nsr-par .nsr-par-feat__desc b{ color:#fff; }
.nsr-par .nsr-par-stock{ display:inline-flex; align-items:center; gap:8px; margin:16px 0 4px; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#8fd6ee; }
.nsr-par .nsr-par-stock i{ width:8px; height:8px; border-radius:50%; background:#8fd6ee; }
.nsr-par .nsr-par-stock--low{ color:#ffb84d; } .nsr-par .nsr-par-stock--low i{ background:#ffb84d; box-shadow:0 0 9px #ffb84d; animation:nsrpulse 1.6s infinite; }
.nsr-par .nsr-par-stock--out{ color:#ff6b6b; } .nsr-par .nsr-par-stock--out i{ background:#ff6b6b; }
@keyframes nsrpulse{ 0%,100%{opacity:1} 50%{opacity:.25} }
.nsr-par .nsr-par-feat__price{ display:flex; align-items:baseline; gap:12px; margin:8px 0 18px; }
.nsr-par .nsr-par-feat__price b{ font-size:34px; color:var(--cyan2); text-shadow:0 0 12px rgba(63,208,255,.4); }
.nsr-par .nsr-par-feat__price span{ font-size:12px; color:#5f8296; }

/* ---- tarjeta de producto ---- */
.nsr-par .nsr-par-pc{ border:1px solid var(--line); background:var(--pan); padding:0; display:flex; flex-direction:column; overflow:hidden; transition:.16s; }
.nsr-par .nsr-par-pc__body{ display:flex; flex-direction:column; gap:10px; flex:1; padding:22px; }
.nsr-par .nsr-par-pc:hover{ border-color:var(--cyan); box-shadow:0 0 26px rgba(63,208,255,.14); transform:translateY(-2px); }
/* caja IGUAL para los 6: proporción de la imagen de los packs (560×518 → alto=92.5% del ancho).
   Método padding-bottom (infalible en flex/grid): la caja fija la proporción, la imagen va absoluta. */
.nsr-par .nsr-par-pc__cover{ display:block; position:relative; overflow:hidden; border-bottom:1px solid var(--line); background:#fff; height:0; padding-bottom:92.5%; }
.nsr-par .nsr-par-pc__cover img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; animation:nsrglitch 7s infinite; }  /* packs: caja=imagen → llena y NO recorta */
.nsr-par .nsr-par-pc__cover.mock{ background:#f4f4f4; }                  /* libros: enteros, flotan sobre blanco */
.nsr-par .nsr-par-pc__cover.mock img{ object-fit:contain; padding:14px; }
.nsr-par .nsr-par-pc__cover.cartafill{ background:#f4f4f4; }             /* cartas: enteras, centradas, con margen (apaisadas) */
.nsr-par .nsr-par-pc__cover.cartafill img{ object-fit:contain; object-position:center; padding:0; }  /* llena el ancho: sin margen lateral, carta entera (fina franja arriba/abajo por el ratio) */
.nsr-par .nsr-par-pc__cover::after{ content:""; position:absolute; inset:0; pointer-events:none; background:repeating-linear-gradient(0deg,rgba(0,0,0,0) 0 2px,rgba(0,0,0,.2) 2px 3px); mix-blend-mode:multiply; }
.nsr-par .nsr-par-pc__tag{ align-self:flex-start; font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:#04121c; background:var(--cyan); padding:3px 8px; }
.nsr-par .nsr-par-pc__name{ font-size:18px; color:#fff; margin:0; text-wrap:balance; }
.nsr-par .nsr-par-pc__name a{ color:#fff; }
.nsr-par .nsr-par-pc__desc{ font-size:12.5px; color:#7fa4bb; line-height:1.6; flex:1; }
.nsr-par .nsr-par-pc__price{ display:flex; align-items:baseline; flex-wrap:wrap; gap:2px 8px; margin-top:6px; }
.nsr-par .nsr-par-pc__price b{ font-size:20px; color:var(--cyan2); text-shadow:0 0 10px rgba(63,208,255,.35); }
.nsr-par .nsr-par-pc__price s{ text-decoration:none; font-size:11px; color:#5f8296; }
.nsr-par .nsr-par-pc__price a{ text-decoration:none; color:inherit; }
.nsr-par .nsr-par-pc__pricelink:hover b{ color:#fff; }
.nsr-par .nsr-par-pc__pdf:hover s{ color:var(--cyan); }
.nsr-par .nsr-par-feat__price a{ text-decoration:none; color:inherit; }
.nsr-par .nsr-par-feat__pricelink:hover b{ color:#fff; }
.nsr-par .nsr-par-pc__price .nsr-par-stock{ margin:0 0 0 auto; font-size:10.5px; align-self:center; }
.nsr-par .nsr-par-pc__form{ margin:6px 0 0; }
.nsr-par .nsr-par-pc__add{ width:100%; font-family:var(--mono) !important; font-size:13px !important; letter-spacing:.04em; padding:13px 18px !important; cursor:pointer; border:1px solid var(--red) !important; color:#fff !important; background:rgba(255,46,63,.14) !important; border-radius:0 !important; text-transform:none !important; }
.nsr-par .nsr-par-pc__add:hover{ background:var(--red) !important; box-shadow:0 0 22px rgba(255,46,63,.5) !important; }
.nsr-par .lbl{ color:#5f8296; font-size:12px; margin-bottom:20px; }

/* ---- comunidad / footer propio ---- */
.nsr-par .disc{ text-align:center; padding:44px; border:1px solid var(--line); background:var(--pan); }
.nsr-par .disc h2{ font-size:26px; color:#fff; text-transform:uppercase; text-wrap:balance; }

/* ===== móvil: menos padding en las cajas (no comernos el ancho en huecos) y precio del pack apilado ===== */
@media(max-width:560px){
  .nsr-par .wrap{ padding:0 6px; }              /* gutters al mínimo: aprovechar el ancho del dispositivo */
  /* banda: la panorámica va como FRANJA SUPERIOR (~mitad de alto) y el texto debajo sobre fondo oscuro,
     no encima. Así la ilustración se ve entera (no un recorte ampliado) y el texto queda legible. */
  .nsr-par .cine{ display:block; min-height:0; }
  .nsr-par .cine>img{ position:static; width:100%; height:300px; object-fit:cover; object-position:center 30%; opacity:.92; }
  .nsr-par .cine .cinein{ padding:0 16px 34px; }
  .nsr-par .cine .cinein::before{ display:none; }
  .nsr-par .cine .kick{ margin-top:-32px; }   /* la caja roja hace PUENTE sobre la costura imagen/texto */
  /* cajas rojas: menos espaciado en móvil para que quepan mejor y no dejen huérfanos al partir */
  .nsr-par .cine .kick{ letter-spacing:.12em; }
  /* eyebrow en UNA línea con el icono alineado; margen del hero al mínimo para ganar tamaño de letra */
  .nsr-par .hstage{ padding-left:8px; padding-right:8px; }
  .nsr-par .eyebrow{ font-size:clamp(9px,3vw,11px); letter-spacing:.05em; padding:6px 12px; }
  .nsr-par .eyebrow .cam{ width:13px; height:13px; }
  .nsr-par .panel{ padding:16px; }
  .nsr-par .nsr-par-pc__body{ padding:13px; gap:8px; }
  .nsr-par .nsr-par-feat__body{ padding:20px; }
  .nsr-par .nsr-par-feat__price{ flex-direction:column; align-items:flex-start; gap:4px; }
  .nsr-par .disc{ padding:22px 16px; }   /* menos padding interior: más texto por línea */
  .nsr-par .tl{ padding:0 10px; }        /* la cronología sí pedía un poco más de aire lateral */
}
.nsr-par .disc p{ color:var(--sub); margin:10px auto 20px; max-width:520px; font-size:14px; line-height:1.7; }
.nsr-par .nsr-par-footer{ border-top:1px solid var(--line); padding:40px 0 60px; background:rgba(3,6,10,.7); }
.nsr-par .nsr-par-footer .foot-links{ display:flex; gap:22px; flex-wrap:wrap; justify-content:center; font-size:11px; letter-spacing:.14em; text-transform:uppercase; }
.nsr-par .nsr-par-footer .foot-links a{ color:#5f8296; }
.nsr-par .nsr-par-footer .foot-links a:hover{ color:var(--cyan); }
.nsr-par .nsr-par-footer .foot-copy{ margin:20px auto 0; text-align:center; color:#3f6274; font-size:12px; line-height:1.6; }
.nsr-par .nsr-par-footer .foot-eye{ font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#3f6274; margin-top:20px; text-align:center; }
.nsr-par .nsr-par-footer .foot-eye b{ color:var(--cyan); }

/* secciones a sangre completa (el tema las mete en un .container estrecho) */
.nsr-par .hero,.nsr-par .body-sec,.nsr-par .cine,.nsr-par .nsr-par-footer{ width:100vw; margin-left:calc(50% - 50vw); position:relative; }

/* ---- overlays CRT (encima del contenido, por debajo del header/carrito del tema) ---- */
.nsr-par .scan{ position:fixed; inset:0; z-index:20; pointer-events:none; background:repeating-linear-gradient(0deg,rgba(0,0,0,0) 0 2px,rgba(0,0,0,.15) 2px 3px); mix-blend-mode:multiply; }
.nsr-par .sweep{ position:fixed; left:0; right:0; height:130px; z-index:21; pointer-events:none; background:linear-gradient(180deg,rgba(63,208,255,0),rgba(63,208,255,.05),rgba(63,208,255,0)); animation:nsrsweep 8s linear infinite; }
@keyframes nsrsweep{ 0%{top:-130px} 100%{top:100%} }
.nsr-par .vign{ position:fixed; inset:0; z-index:22; pointer-events:none; box-shadow:inset 0 0 170px 44px rgba(0,0,0,.8); background:radial-gradient(120% 120% at 50% 50%, transparent 66%, rgba(0,0,0,.45) 100%); }

.nsr-par .reveal{ opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s ease; }
.nsr-par .reveal.in{ opacity:1; transform:none; }
@media(prefers-reduced-motion:reduce){ .nsr-par .hero,.nsr-par .sweep,.nsr-par h1 .cur,.nsr-par .nsr-par-pc__cover img,.nsr-par .nsr-par-feat__cover img,.nsr-par .nsr-par-pc:hover .nsr-par-pc__cover img,.nsr-par .nsr-par-feat__cover:hover img{ animation:none } .nsr-par .reveal{ opacity:1; transform:none } }

/* ===================== EL CENSO (test de lealtad interactivo) =====================
   Espacio RESERVADO: el prompt lleva un "ghost" invisible que fija la altura y el texto se teclea
   encima (posición absoluta); las opciones y la reacción reservan su hueco desde el inicio. Así la
   pregunta no salta al aparecer las respuestas y el medidor de abajo se queda quieto. */
.nsr-par .censo{ margin-top:22px; }
.nsr-par .censo-box{ position:relative; border:1px solid var(--line); background:var(--pan); min-height:470px; display:flex; flex-direction:column; }
.nsr-par .censo-stage{ flex:1; display:flex; flex-direction:column; justify-content:flex-start; padding:26px 26px 18px; }
.nsr-par .censo-stage.mid{ justify-content:center; }

.nsr-par .censo .qmeta{ display:flex; justify-content:space-between; align-items:baseline; font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:var(--sub); margin-bottom:12px; }
.nsr-par .censo .qmeta .n{ color:var(--red); }

.nsr-par .censo .say{ position:relative; border:1px solid var(--line); background:rgba(4,10,14,.5); padding:18px 20px; }
.nsr-par .censo .say::before{ content:"◉ EL ORDENADOR"; position:absolute; top:-9px; left:14px; background:#0a141a; padding:0 8px; font-size:10px; letter-spacing:.2em; color:var(--cyan); text-shadow:0 0 8px rgba(63,208,255,.6); }
.nsr-par .censo .tx{ position:relative; font-size:15px; line-height:1.6; color:var(--cyan2); text-shadow:0 0 10px rgba(63,208,255,.3); }
.nsr-par .censo .tx .ghost{ visibility:hidden; }
.nsr-par .censo .tx .typed{ position:absolute; inset:0; }
.nsr-par .censo .tx .cur{ color:var(--red); animation:nsrblink 1s steps(1) infinite; }

.nsr-par .censo .opts{ display:flex; flex-direction:column; gap:9px; margin-top:18px; }
.nsr-par .censo .opt{ font-family:var(--mono); text-align:left; font-size:13.5px; line-height:1.5; color:var(--ink); background:rgba(9,20,28,.5); border:1px solid var(--line); padding:12px 15px; cursor:pointer; transition:border-color .14s,background .14s,box-shadow .14s; display:flex; gap:11px; align-items:flex-start; visibility:hidden; }
.nsr-par .censo .opt.show{ visibility:visible; animation:nsrfade .3s ease both; }
.nsr-par .censo .opt .k{ color:var(--red); font-weight:700; flex:0 0 auto; }
.nsr-par .censo .opt:hover:not(:disabled){ border-color:var(--cyan); background:rgba(63,208,255,.08); box-shadow:0 0 16px rgba(63,208,255,.16); }
.nsr-par .censo .opt:focus-visible{ outline:2px solid var(--cyan); outline-offset:2px; }
.nsr-par .censo .opt.sel{ border-color:var(--red); background:rgba(255,46,63,.12); color:#fff; box-shadow:0 0 20px rgba(255,46,63,.28); }
.nsr-par .censo .opt.dim{ opacity:.26; pointer-events:none; }
.nsr-par .censo .opt:disabled{ cursor:default; }

.nsr-par .censo .react{ margin-top:14px; min-height:40px; font-size:13px; color:var(--sub); }
.nsr-par .censo .react .cur{ color:var(--red); animation:nsrblink 1s steps(1) infinite; }
.nsr-par .censo .crow{ min-height:48px; display:flex; justify-content:flex-end; align-items:center; gap:12px; }

/* medidor ARRIBA (bajo el banner): instrumento del Ordenador que preside el test. Fijo → no salta.
   Visible en intro y preguntas; oculto en el veredicto (que trae su propio medidor grande). */
/* medidor STICKY: se queda pegado bajo las barras fijas (header 52 + topbar 45 = 97) mientras haces
   scroll por las preguntas/opciones. Así en móvil siempre se ve la aguja aunque el test sea alto. */
.nsr-par .censo-meter{ position:sticky; top:97px; z-index:6; border-bottom:1px solid var(--line); padding:13px 26px 15px; background:rgba(4,7,10,.94); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); box-shadow:0 10px 20px -12px #000; }
.nsr-par .censo-box.result .censo-meter{ display:none; }
.nsr-par .censo .bar .ndl.pulse{ animation:censondl .55s ease-out; }
@keyframes censondl{ 0%{ box-shadow:0 0 22px #fff,0 0 10px var(--red); transform:translateX(-50%) scaleY(1.5); } 100%{ box-shadow:0 0 12px #fff,0 0 4px var(--cyan); transform:translateX(-50%) scaleY(1); } }
.nsr-par .censo .cap{ display:flex; justify-content:space-between; font-size:10px; letter-spacing:.16em; text-transform:uppercase; margin-bottom:7px; }
.nsr-par .censo .cap .t{ color:var(--red); } .nsr-par .censo .cap .l{ color:var(--cyan); }
.nsr-par .censo .bar{ position:relative; height:12px; border:1px solid var(--line); background:linear-gradient(90deg,rgba(255,46,63,.55),rgba(255,46,63,.12) 42%,rgba(63,208,255,.12) 58%,rgba(63,208,255,.55)); }
.nsr-par .censo .bar .zero{ position:absolute; left:50%; top:-3px; bottom:-3px; width:1px; background:rgba(205,244,255,.3); }
.nsr-par .censo .bar .ndl{ position:absolute; top:-5px; bottom:-5px; width:3px; background:#fff; box-shadow:0 0 12px #fff,0 0 4px var(--cyan); left:50%; transform:translateX(-50%); transition:left .6s cubic-bezier(.2,.8,.2,1); }

/* intro */
.nsr-par .censo .cintro h3{ margin:0; font-size:clamp(24px,4vw,40px); line-height:1.04; text-transform:uppercase; font-weight:700; color:var(--cyan2); text-shadow:0 0 12px rgba(63,208,255,.5); }
.nsr-par .censo .cintro p{ margin:14px 0 0; color:var(--sub); font-size:14px; line-height:1.6; max-width:56ch; }
.nsr-par .censo .cintro .crow{ justify-content:flex-start; margin-top:20px; }
.nsr-par .censo .cintro .fine{ margin-top:18px; font-size:11px; color:var(--dim); }
.nsr-par .censo .cintro .fine b{ color:var(--cyan); }
/* veredicto */
.nsr-par .censo .cverd{ text-align:center; }
.nsr-par .censo .cverd .stamp{ font-size:10px; letter-spacing:.26em; text-transform:uppercase; color:var(--sub); }
.nsr-par .censo .cverd h3{ margin:10px 0 0; font-size:clamp(26px,5vw,46px); line-height:1.02; text-transform:uppercase; font-weight:700; }
.nsr-par .censo .cverd .vtx{ margin:16px auto 0; max-width:52ch; font-size:14.5px; line-height:1.6; color:var(--cyan2); }
.nsr-par .censo .cverd .cmeter{ max-width:440px; margin:22px auto 0; }
.nsr-par .censo .cverd .score{ margin-top:18px; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--sub); }
.nsr-par .censo .cverd .score b{ color:#fff; }
.nsr-par .censo .cverd .crow{ justify-content:center; margin-top:22px; }
/* compartir resultado */
.nsr-par .censo .cshare{ margin-top:24px; border-top:1px solid var(--line); padding-top:20px; }
.nsr-par .censo .cshare-lbl{ font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--sub); margin-bottom:13px; }
.nsr-par .censo .cshare-btns{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.nsr-par .censo .cs{ font-family:var(--mono); font-size:12px; letter-spacing:.05em; padding:9px 16px; border:1px solid var(--dim); color:var(--cyan); background:transparent; cursor:pointer; text-decoration:none; transition:border-color .14s,background .14s,box-shadow .14s; }
.nsr-par .censo .cs:hover{ border-color:var(--cyan); background:rgba(63,208,255,.08); box-shadow:0 0 16px rgba(63,208,255,.3); }
.nsr-par .censo .cs:focus-visible{ outline:2px solid var(--cyan); outline-offset:2px; }
.nsr-par .censo .cs-nativo{ border-color:var(--red); color:#fff; background:rgba(255,46,63,.14); text-shadow:0 0 8px rgba(255,46,63,.5); }
.nsr-par .censo .cs-nativo:hover{ background:var(--red); box-shadow:0 0 22px rgba(255,46,63,.5); }
.nsr-par .censo .cverd h3.gl{ animation:censoglitch .5s steps(2) 3; }
@keyframes censoglitch{ 0%,100%{ filter:none; transform:none } 20%{ filter:drop-shadow(4px 0 0 var(--red)) drop-shadow(-4px 0 0 var(--cyan)); transform:translateX(2px) } 40%{ filter:drop-shadow(-5px 0 0 var(--red)) drop-shadow(5px 0 0 var(--cyan)); transform:translateX(-2px) } 60%{ filter:none } }
@keyframes nsrfade{ from{ opacity:0; transform:translateY(6px) } to{ opacity:1; transform:none } }
@media(prefers-reduced-motion:reduce){ .nsr-par .censo .opt.show{ animation:none } .nsr-par .censo .tx .cur,.nsr-par .censo .react .cur{ animation:none } .nsr-par .censo .cverd h3.gl{ animation:none } }
@media(max-width:560px){
  .nsr-par .censo-box{ min-height:0 }                 /* sin alto muerto: la caja mide lo que mide su contenido */
  .nsr-par .censo-stage{ padding:16px 14px 16px }
  .nsr-par .censo-meter{ padding:10px 14px 12px }
  .nsr-par .censo .tx{ font-size:13.5px; line-height:1.5 }
  .nsr-par .censo .opts{ gap:8px; margin-top:14px }
  .nsr-par .censo .opt{ font-size:12.5px; padding:10px 12px; gap:9px }
  .nsr-par .censo .react{ min-height:32px; margin-top:12px }
  .nsr-par .censo .crow{ min-height:44px }
  .nsr-par .censo .cap{ font-size:9px }
}