/* cw-stage.css (3-oct-2026) — ver cw-stage.js. Fondo FIJO detrás de toda la página. */
html.cw-stg{background:#07070c!important}
html.cw-stg body{background:transparent!important;position:relative}
html.cw-stg #wrapper,html.cw-stg #main,html.cw-stg #content,html.cw-stg #content-wrapper,
html.cw-stg body section#wrapper,html.cw-stg body #content.page-content,html.cw-stg .page-content,
html.cw-stg #footer,html.cw-stg footer{background-color:transparent!important}
html.cw-stg #wrapper{background:transparent!important}
#cw-stage2{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
#cw-stage2:after{content:"";position:absolute;inset:0;opacity:.5;
  background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/44px 44px,
             linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/44px 44px;
  -webkit-mask-image:radial-gradient(70% 60% at 50% 35%,#000,transparent);mask-image:radial-gradient(70% 60% at 50% 35%,#000,transparent)}
/* textos que el detector encontró oscuros directo sobre el fondo */
.cw-claro{color:rgba(255,255,255,.9)!important}
h1.cw-claro,h2.cw-claro,h3.cw-claro{color:#fff!important}
a.cw-claro{color:#fff!important;text-decoration-color:var(--cw-acc,#FFD700)}

/* encabezado transparente sobre el color */
html.cw-stg #header,html.cw-stg #header .header-top{background:transparent!important}
html.cw-stg #header{position:relative;z-index:5}
html.cw-stg #header .header-top{border-bottom-color:var(--cw-acc-b,rgba(255,215,0,.5))!important}
html.cw-stg #header .ctrlw-nav{background:rgba(0,0,0,.22)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
html.cw-stg #ctrlw-mobile-header{transition:background .3s ease;background:rgba(7,7,12,.72)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
html.cw-stg.cw-v2-top #ctrlw-mobile-header{background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none}

/* Categoría: título blanco, líneas en una sola fila */
html.cw-stg-cat .cw-cat-wrap{padding-top:34px}
html.cw-stg-cat .cw-cat-title{color:#fff;font-size:clamp(26px,3.4vw,40px);letter-spacing:-.6px;text-shadow:0 2px 18px rgba(0,0,0,.35)}
html.cw-stg-cat .cw-cat-title:before{content:"";display:block;width:44px;height:4px;border-radius:4px;background:var(--cw-acc);margin:0 0 14px;box-shadow:0 0 14px var(--cw-acc)}
html.cw-stg-cat .cw-cat-sub{color:rgba(255,255,255,.75)}
html.cw-stg-cat .cw-lineas-box{position:relative;margin:14px 0 30px}
html.cw-stg-cat .cw-lineas{flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin:0!important;padding:2px 2px 4px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 48px),transparent)}
html.cw-stg-cat .cw-lineas-box.ini .cw-lineas{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}
html.cw-stg-cat .cw-lineas-box.fin .cw-lineas{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px);mask-image:linear-gradient(90deg,transparent 0,#000 28px)}
html.cw-stg-cat .cw-lineas::-webkit-scrollbar{display:none}
html.cw-stg-cat .cw-linea{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;background:rgba(255,255,255,.1)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html.cw-stg-cat .cw-linea span{color:rgba(255,255,255,.6)!important}
html.cw-stg-cat .cw-linea:hover{background:#fff!important;color:#111!important;border-color:#fff!important}
html.cw-stg-cat .cw-linea:hover span{color:#777!important}
.cw-lineas-arr{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.35);
  background:rgba(7,7,12,.7);color:#fff;font-size:20px;line-height:1;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}
.cw-lineas-arr:hover{background:#fff;color:#111}
.cw-lineas-arr.izq{left:-8px}.cw-lineas-arr.der{right:-8px}
.cw-lineas-box.ini .cw-lineas-arr.izq,.cw-lineas-box.fin .cw-lineas-arr.der{opacity:0;pointer-events:none}
@media (max-width:768px){.cw-lineas-arr{display:none}html.cw-stg-cat .cw-cat-wrap{padding-top:22px}}
/* Buscador */
html.cw-stg-bus .cw-bus-title{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.35)}
html.cw-stg-bus .cw-bus-sub{color:rgba(255,255,255,.75)!important}
/* registro / login / contraseña traen fondo blanco propio */
html.cw-stg body#registration,html.cw-stg body#authentication,html.cw-stg body#password{background:transparent!important}
html.cw-stg body#registration section#wrapper,html.cw-stg body#authentication section#wrapper,html.cw-stg body#password section#wrapper,
html.cw-stg body#registration #wrapper,html.cw-stg body#authentication #wrapper,html.cw-stg body#password #wrapper{background:transparent!important;background-color:transparent!important}
/* registro/login: una regla vieja (cw-header-bundle) pinta TODOS los <a> de gris #555, también los del menú */
html.cw-stg body#registration #header a,html.cw-stg body#authentication #header a,html.cw-stg body#password #header a{color:#fff!important}
html.cw-stg body#registration #header .ctrlw-promo,html.cw-stg body#authentication #header .ctrlw-promo{color:var(--cw-red,#ff5a1f)!important}
html.cw-stg body#registration #header a.ctrlw-empresarial,html.cw-stg body#authentication #header a.ctrlw-empresarial{color:#FFD700!important}
html.cw-stg body#registration #ctrlw-mobile-header a,html.cw-stg body#authentication #ctrlw-mobile-header a,html.cw-stg body#password #ctrlw-mobile-header a,
html.cw-stg body#registration #cw-bottom-bar a,html.cw-stg body#authentication #cw-bottom-bar a,html.cw-stg body#password #cw-bottom-bar a{color:#fff!important}
/* carrito (3-oct): fondo de color; las cajas blancas y el botón de caja quedan igual */
html.cw-stg body#cart,html.cw-stg body#cart #wrapper,html.cw-stg body#cart #main,html.cw-stg body#cart #content-wrapper,
html.cw-stg #cart #wrapper,html.cw-stg #cart #main,html.cw-stg #cart #content-wrapper{background:transparent!important;background-color:transparent!important}
/* ── Ficha (5-oct): de DÍA blanca sobre gris claro; el color de la marca solo detrás del encabezado ── */
html.cw-stg-prod:not([data-theme="dark"]){background:#f1efe9!important}
html.cw-stg-prod:not([data-theme="dark"]) #cw-stage2{position:absolute;top:0;left:0;right:0;bottom:auto;height:340px}
html.cw-stg-prod:not([data-theme="dark"]) #cw-stage2:before{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(241,239,233,0) 0,rgba(241,239,233,0) 150px,#f1efe9 270px)}
html.cw-stg-prod:not([data-theme="dark"]) .ctrlw-product-premium{box-shadow:0 6px 30px rgba(0,0,0,.08)!important}
html.cw-stg-prod:not([data-theme="dark"]) #footer{background:#07070c!important}
/* ── Ficha de NOCHE: la pinta el tema oscuro; aquí solo la foto en recuadro blanco (escaparate),
      el precio legible y las cajas que traen fondo blanco escrito en la descripción ── */
html[data-theme="dark"].cw-stg-prod .ctrlw-product-premium{border:1px solid var(--cw-acc-b,rgba(255,214,0,.25))!important}
html[data-theme="dark"].cw-stg-prod .cwp-mainwrap,html[data-theme="dark"].cw-stg-prod [class*=gallery] [class*=main]{background:#fff!important;border-radius:14px!important}
html[data-theme="dark"].cw-stg-prod [class*=price]{color:#fff!important}
html[data-theme="dark"].cw-stg-prod .cw-ship-cost{color:#22c55e!important}
html[data-theme="dark"].cw-stg-prod .ctrlw-product-premium div[style*="background"]:not([class]){background:#1b2433!important;color:#e6e9ef!important;border-color:#2c3a4f!important}
html[data-theme="dark"].cw-stg-prod .ctrlw-product-premium div[style*="background"]:not([class]) *{color:inherit!important}
html[data-theme="dark"].cw-stg-prod .cwp-pricebox,html[data-theme="dark"].cw-stg-prod .cwp-trust{background:#1b2433!important;border-color:#2c3a4f!important;color:#e6e9ef!important}
/* 5-oct noche: foto en recuadro BLANCO (ficha y todas las tarjetas chicas) + chips legibles */
html[data-theme="dark"]{--cw-img-bg:#ffffff}
html[data-theme="dark"].cw-stg-prod #main .cwp-gallery .cwp-mainwrap,html[data-theme="dark"].cw-stg-prod #content .cwp-gallery .cwp-mainwrap{background:#fff!important;border-radius:14px!important}
html[data-theme="dark"] .cw-rel-img,html[data-theme="dark"] .ctrlw-img{background:#fff!important;border-radius:10px!important}
html[data-theme="dark"].cw-stg-prod a[style*="background:#f8f9fa"]{background:#1b2433!important;border-color:#2c3a4f!important;color:#e6e9ef!important}
html[data-theme="dark"].cw-stg-prod button[style*="background:#f5f5f5"]{background:#1b2433!important;color:#fff!important}
html[data-theme="dark"] .ctrlw-card-subcat{background:rgba(255,214,0,.12)!important;border-color:rgba(255,214,0,.4)!important;color:#ffd600!important}
html[data-theme="dark"] #cw-buzon,html[data-theme="dark"] #cw-buzon summary{background:#1b2433!important;color:#e6e9ef!important}
html[data-theme="dark"] #cw-buzon .cw-buzon-t{color:#fff!important}html[data-theme="dark"] #cw-buzon .cw-buzon-s{color:#a9b4c4!important}