/* Tema oscuro del sitio: negro puro con estrellas difuminadas (sin azul). Se aplica a todo lo que lleve html.dark. */
html.dark { background: #000; color-scheme: dark; }
html.dark body, html.dark body.mkt-panel { background: transparent !important; background-image: none !important; }

/* cielo: capa fija detrás de todo el contenido */
html.dark::before, html.dark::after { content: ""; position: fixed; inset: -4%; z-index: -1; pointer-events: none; }
html.dark::before {
  background-image:
    radial-gradient(1px 1px at 231px 286px, rgba(255,255,255,0.47), transparent),
    radial-gradient(1px 1px at 231px 260px, rgba(255,255,255,0.47), transparent),
    radial-gradient(1px 1px at 411px 262px, rgba(255,255,255,0.38), transparent),
    radial-gradient(1px 1px at 95px 48px, rgba(255,236,208,0.38), transparent),
    radial-gradient(1px 1px at 275px 414px, rgba(255,255,255,0.47), transparent),
    radial-gradient(1px 1px at 304px 202px, rgba(255,255,255,0.49), transparent),
    radial-gradient(1px 1px at 315px 332px, rgba(255,236,208,0.31), transparent),
    radial-gradient(1px 1px at 270px 32px, rgba(255,255,255,0.29), transparent),
    radial-gradient(1px 1px at 123px 307px, rgba(255,255,255,0.28), transparent),
    radial-gradient(1px 1px at 225px 302px, rgba(255,255,255,0.47), transparent),
    radial-gradient(1px 1px at 327px 150px, rgba(255,255,255,0.39), transparent),
    radial-gradient(1px 1px at 234px 335px, rgba(255,255,255,0.34), transparent),
    radial-gradient(1px 1px at 430px 42px, rgba(255,255,255,0.43), transparent),
    radial-gradient(1px 1px at 117px 262px, rgba(255,236,208,0.34), transparent),
    radial-gradient(1px 1px at 392px 55px, rgba(255,255,255,0.36), transparent),
    radial-gradient(1px 1px at 197px 34px, rgba(255,255,255,0.49), transparent),
    radial-gradient(1px 1px at 0px 109px, rgba(255,255,255,0.32), transparent),
    radial-gradient(1px 1px at 240px 192px, rgba(255,255,255,0.49), transparent),
    radial-gradient(1px 1px at 37px 289px, rgba(255,255,255,0.41), transparent),
    radial-gradient(1px 1px at 138px 172px, rgba(255,255,255,0.29), transparent),
    radial-gradient(1px 1px at 209px 388px, rgba(255,236,208,0.48), transparent),
    radial-gradient(1px 1px at 361px 51px, rgba(255,255,255,0.28), transparent),
    radial-gradient(1px 1px at 249px 90px, rgba(255,255,255,0.43), transparent),
    radial-gradient(1px 1px at 260px 97px, rgba(255,255,255,0.49), transparent),
    radial-gradient(1px 1px at 214px 329px, rgba(255,255,255,0.36), transparent),
    radial-gradient(1px 1px at 108px 0px, rgba(255,255,255,0.34), transparent),
    radial-gradient(1px 1px at 411px 303px, rgba(255,255,255,0.34), transparent),
    radial-gradient(1px 1px at 107px 95px, rgba(255,255,255,0.36), transparent),
    radial-gradient(1px 1px at 328px 295px, rgba(255,255,255,0.30), transparent),
    radial-gradient(1px 1px at 109px 226px, rgba(255,255,255,0.34), transparent),
    radial-gradient(1px 1px at 168px 425px, rgba(255,236,208,0.34), transparent),
    radial-gradient(1px 1px at 46px 106px, rgba(255,255,255,0.41), transparent),
    radial-gradient(1px 1px at 307px 188px, rgba(255,255,255,0.36), transparent),
    radial-gradient(1px 1px at 300px 247px, rgba(255,236,208,0.46), transparent),
    radial-gradient(1px 1px at 197px 93px, rgba(255,255,255,0.41), transparent),
    radial-gradient(1px 1px at 116px 418px, rgba(255,255,255,0.41), transparent),
    radial-gradient(1px 1px at 81px 378px, rgba(255,255,255,0.41), transparent),
    radial-gradient(1px 1px at 351px 198px, rgba(255,255,255,0.47), transparent),
    radial-gradient(1px 1px at 215px 24px, rgba(255,236,208,0.30), transparent),
    radial-gradient(1px 1px at 130px 122px, rgba(255,255,255,0.44), transparent),
    radial-gradient(1px 1px at 215px 421px, rgba(255,255,255,0.48), transparent),
    radial-gradient(1px 1px at 266px 89px, rgba(255,255,255,0.48), transparent),
    radial-gradient(1px 1px at 64px 116px, rgba(255,255,255,0.39), transparent),
    radial-gradient(1px 1px at 315px 314px, rgba(255,255,255,0.29), transparent),
    radial-gradient(1px 1px at 104px 383px, rgba(255,255,255,0.28), transparent),
    radial-gradient(1px 1px at 228px 127px, rgba(255,236,208,0.29), transparent),
    radial-gradient(1px 1px at 188px 271px, rgba(255,236,208,0.41), transparent),
    radial-gradient(1px 1px at 185px 70px, rgba(255,255,255,0.47), transparent),
    radial-gradient(1px 1px at 336px 375px, rgba(255,255,255,0.43), transparent),
    radial-gradient(1px 1px at 71px 302px, rgba(255,236,208,0.28), transparent),
    radial-gradient(1px 1px at 183px 358px, rgba(255,236,208,0.34), transparent),
    radial-gradient(1px 1px at 306px 325px, rgba(255,236,208,0.29), transparent),
    radial-gradient(1px 1px at 159px 163px, rgba(255,236,208,0.30), transparent),
    radial-gradient(1px 1px at 231px 279px, rgba(255,236,208,0.36), transparent),
    radial-gradient(1px 1px at 377px 377px, rgba(255,255,255,0.43), transparent),
    radial-gradient(1px 1px at 174px 180px, rgba(255,255,255,0.29), transparent),
    radial-gradient(1px 1px at 39px 213px, rgba(255,236,208,0.48), transparent),
    radial-gradient(1px 1px at 255px 293px, rgba(255,255,255,0.28), transparent),
    radial-gradient(1px 1px at 194px 298px, rgba(255,236,208,0.28), transparent),
    radial-gradient(1px 1px at 46px 327px, rgba(255,255,255,0.30), transparent),
    radial-gradient(1px 1px at 213px 372px, rgba(255,255,255,0.35), transparent),
    radial-gradient(1px 1px at 355px 297px, rgba(255,255,255,0.38), transparent),
    radial-gradient(1px 1px at 277px 42px, rgba(255,255,255,0.39), transparent),
    radial-gradient(1px 1px at 158px 307px, rgba(255,236,208,0.29), transparent),
    radial-gradient(1px 1px at 357px 57px, rgba(255,255,255,0.39), transparent),
    radial-gradient(1px 1px at 248px 130px, rgba(255,255,255,0.47), transparent),
    radial-gradient(1px 1px at 73px 347px, rgba(255,255,255,0.41), transparent),
    radial-gradient(1px 1px at 385px 175px, rgba(255,255,255,0.42), transparent),
    radial-gradient(1px 1px at 123px 167px, rgba(255,255,255,0.36), transparent),
    radial-gradient(1px 1px at 324px 220px, rgba(255,255,255,0.46), transparent),
    radial-gradient(1px 1px at 102px 109px, rgba(255,255,255,0.36), transparent),
    radial-gradient(1px 1px at 162px 107px, rgba(255,255,255,0.30), transparent),
    radial-gradient(1px 1px at 428px 20px, rgba(255,255,255,0.43), transparent),
    radial-gradient(1px 1px at 141px 420px, rgba(255,255,255,0.32), transparent),
    radial-gradient(2.2px 2.2px at 296px 85px, rgba(255,255,255,0.30), transparent),
    radial-gradient(2.2px 2.2px at 388px 542px, rgba(255,255,255,0.37), transparent),
    radial-gradient(2.2px 2.2px at 273px 455px, rgba(255,255,255,0.30), transparent),
    radial-gradient(2.2px 2.2px at 25px 108px, rgba(255,255,255,0.32), transparent),
    radial-gradient(2.2px 2.2px at 431px 20px, rgba(255,255,255,0.41), transparent),
    radial-gradient(2.2px 2.2px at 367px 58px, rgba(255,236,208,0.34), transparent),
    radial-gradient(2.2px 2.2px at 377px 176px, rgba(255,255,255,0.42), transparent),
    radial-gradient(2.2px 2.2px at 371px 579px, rgba(255,255,255,0.45), transparent),
    radial-gradient(2.2px 2.2px at 585px 288px, rgba(255,255,255,0.43), transparent),
    radial-gradient(2.2px 2.2px at 87px 485px, rgba(255,255,255,0.34), transparent),
    radial-gradient(2.2px 2.2px at 458px 167px, rgba(255,236,208,0.34), transparent),
    radial-gradient(2.2px 2.2px at 331px 532px, rgba(255,236,208,0.34), transparent),
    radial-gradient(2.2px 2.2px at 100px 436px, rgba(255,255,255,0.31), transparent),
    radial-gradient(2.2px 2.2px at 586px 287px, rgba(255,255,255,0.47), transparent),
    radial-gradient(2.2px 2.2px at 378px 295px, rgba(255,255,255,0.41), transparent),
    radial-gradient(2.2px 2.2px at 465px 562px, rgba(255,236,208,0.34), transparent),
    radial-gradient(2.2px 2.2px at 634px 122px, rgba(255,255,255,0.44), transparent),
    radial-gradient(2.2px 2.2px at 243px 336px, rgba(255,255,255,0.41), transparent),
    radial-gradient(2.2px 2.2px at 606px 102px, rgba(255,236,208,0.49), transparent),
    radial-gradient(2.2px 2.2px at 34px 57px, rgba(255,255,255,0.42), transparent),
    radial-gradient(2.2px 2.2px at 166px 231px, rgba(255,255,255,0.43), transparent),
    radial-gradient(2.2px 2.2px at 58px 551px, rgba(255,255,255,0.49), transparent),
    radial-gradient(2.2px 2.2px at 95px 354px, rgba(255,255,255,0.30), transparent),
    radial-gradient(2.2px 2.2px at 502px 197px, rgba(255,255,255,0.30), transparent),
    radial-gradient(2.2px 2.2px at 561px 201px, rgba(255,255,255,0.45), transparent),
    radial-gradient(2.2px 2.2px at 302px 221px, rgba(255,255,255,0.32), transparent),
    radial-gradient(2.2px 2.2px at 173px 556px, rgba(255,255,255,0.41), transparent),
    radial-gradient(2.2px 2.2px at 102px 431px, rgba(255,236,208,0.34), transparent);
  background-size: 430px 430px, 650px 650px;
  filter: blur(.35px);
  animation: ns-drift 240s linear infinite;
}
html.dark::after {
  background-image:
    radial-gradient(6.0px 6.0px at 698px 622px, rgba(255,255,255,0.34), transparent),
    radial-gradient(6.0px 6.0px at 862px 764px, rgba(255,255,255,0.32), transparent),
    radial-gradient(6.0px 6.0px at 646px 378px, rgba(255,255,255,0.48), transparent),
    radial-gradient(6.0px 6.0px at 699px 467px, rgba(255,255,255,0.27), transparent),
    radial-gradient(6.0px 6.0px at 387px 753px, rgba(255,236,208,0.47), transparent),
    radial-gradient(6.0px 6.0px at 819px 924px, rgba(255,236,208,0.32), transparent),
    radial-gradient(6.0px 6.0px at 76px 556px, rgba(255,255,255,0.42), transparent),
    radial-gradient(6.0px 6.0px at 721px 442px, rgba(255,255,255,0.32), transparent),
    radial-gradient(6.0px 6.0px at 654px 722px, rgba(255,236,208,0.27), transparent),
    radial-gradient(6.0px 6.0px at 539px 634px, rgba(255,255,255,0.39), transparent),
    radial-gradient(6.0px 6.0px at 8px 7px, rgba(255,255,255,0.28), transparent),
    radial-gradient(6.0px 6.0px at 70px 724px, rgba(255,236,208,0.27), transparent),
    radial-gradient(6.0px 6.0px at 360px 540px, rgba(255,255,255,0.36), transparent),
    radial-gradient(6.0px 6.0px at 745px 13px, rgba(255,255,255,0.33), transparent),
    radial-gradient(6.0px 6.0px at 736px 319px, rgba(255,255,255,0.29), transparent),
    radial-gradient(6.0px 6.0px at 938px 308px, rgba(255,255,255,0.28), transparent),
    radial-gradient(900px 520px at 50% 118%, rgba(255,255,255,.055), transparent 70%);
  background-size: 940px 940px, 100% 100%;
  filter: blur(1.6px);
  animation: ns-twinkle 7s ease-in-out infinite alternate;
}
@keyframes ns-drift { from { transform: translate3d(0,0,0); } to { transform: translate3d(-430px, 215px, 0); } }
@keyframes ns-twinkle { from { opacity: .45; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { html.dark::before, html.dark::after { animation: none; } }

/* superficies neutras: se acabó el gris azulado */
html.dark [class*="dark:bg-ink-950"] { background-color: #000 !important; }
html.dark [class*="dark:bg-ink-900"] { background-color: rgba(10,10,12,0.41) !important; }
html.dark [class*="dark:bg-ink-800"] { background-color: rgba(255,255,255,.045) !important; }
html.dark [class*="dark:border-ink-"] { border-color: rgba(255,255,255,.10) !important; }
html.dark .glass-card, html.dark .sdb-surface { background: rgba(255,255,255,.04) !important; border-color: rgba(255,255,255,.09) !important; backdrop-filter: blur(8px); }

/* barras y menús (panel del vendedor, cliente y admin): negro, no azul marino */
html.dark body.mkt-panel > .flex > aside,
html.dark body > .flex > aside { background: rgba(0,0,0,0.39) !important; border-color: rgba(255,255,255,.08) !important; backdrop-filter: blur(14px); }
html.dark body.mkt-panel header.sticky, html.dark body header.sticky { background: rgba(0,0,0,0.33) !important; border-color: rgba(255,255,255,.08) !important; backdrop-filter: blur(14px); }
html.dark body.mkt-panel > .flex > aside .text-ink-500, html.dark body.mkt-panel > .flex > aside .text-ink-400 { color: #8b8b92 !important; }
html.dark .seller-mobile-bottom-nav { background: rgba(0,0,0,0.41) !important; }

/* tienda pública: cabecera y pie en negro */
html.dark .mkt-header, html.dark .mkt-topbar, html.dark .mkt-footer, html.dark footer { background-color: #000 !important; background-image: none !important; }
html.dark input:not([type=checkbox]):not([type=radio]), html.dark select, html.dark textarea { background-color: rgba(255,255,255,.05); border-color: rgba(255,255,255,.14); }
html.dark ::selection { background: rgba(255,255,255,.28); }

/* ── Grafito sobrio (v2): sin azul marino, sin amarillo chillón, iconos sin fondo; igual que las apps ── */
html.dark { --night-surface:#0d0d0f; --night-surface-2:#131316; --night-line:rgba(255,255,255,.09); --night-ink:#f2f2f4; --night-muted:#9a9aa3; }
html.dark .mkt-page { background: transparent !important; color: var(--night-ink); }
html.dark .mkt-row, html.dark .mkt-cat, html.dark .mkt-store, html.dark .mkt-benefit, html.dark .mkt-pc, html.dark .mkt-fy, html.dark .mkt-cbtn, html.dark .mkt-top-recs,
html.dark .sc-surface, html.dark .od-surface, html.dark .purchase-detail-card { background: var(--night-surface) !important; border-color: var(--night-line) !important; box-shadow: none !important; }
html.dark .sc-hero, html.dark .od-hero, html.dark .vl-hero, html.dark .mkt-store-banner, html.dark .mkt-sell, html.dark .stores-hero, html.dark .mkt-promo-fallback, html.dark .mkt-promo-track { background: linear-gradient(135deg, #0c0c0e, #131316 55%, #1b1b20) !important; }
html.dark .mkt-benefits { background: var(--night-line) !important; }
html.dark .mkt-pc-title, html.dark .mkt-fy-title, html.dark .mkt-store-meta, html.dark .mkt-benefit span { color: var(--night-muted) !important; }
html.dark .mkt-cat-ic, html.dark .aml-benefit-icon { background: transparent !important; color: #e9e6df !important; }
html.dark .mkt-promo { background: transparent !important; padding-top: 0; }
html.dark .aml-header { background: #000 !important; border-color: var(--night-line) !important; }
/* cabecera: negra, texto claro, buscador sobrio */
html.dark .mkt-yellow-nav { background: #000 !important; box-shadow: 0 1px 0 var(--night-line) !important; color: var(--night-ink) !important; }
html.dark .mkt-yellow-nav a, html.dark .mkt-yellow-nav button, html.dark .mkt-yellow-nav .mkt-nav-actions, html.dark .mkt-yellow-nav .bi { color: var(--night-ink) !important; }
html.dark .mkt-yellow-nav .mkt-nav-logo img { filter: brightness(0) invert(1) !important; }
html.dark .mkt-yellow-nav .mkt-nav-logo:hover, html.dark .mkt-yellow-nav .mkt-nav-actions > button:hover, html.dark .mkt-yellow-nav .mkt-nav-actions > a:hover, html.dark .mkt-yellow-nav .mkt-nav-actions .mkt-cart-action:hover { background: rgba(255,255,255,.08) !important; box-shadow: none !important; }
html.dark .mkt-yellow-nav .mkt-search-form input { background: rgba(255,255,255,.07) !important; color: #fff !important; border-color: var(--night-line) !important; }
html.dark .mkt-yellow-nav .mkt-search-form button { background: #f2f2f4 !important; color: #0c0c0e !important; }
html.dark .mkt-yellow-nav .mkt-search-form button .bi { color: #0c0c0e !important; }
html.dark .mkt-cta, html.dark .btn-brand { background: #f2f2f4 !important; color: #0c0c0e !important; }
html.dark .mkt-cta:hover { background: #fff !important; }
/* movimiento sutil */
html.dark .mkt-pc, html.dark .mkt-store, html.dark .mkt-cat { transition: transform .35s cubic-bezier(.16,1,.3,1), border-color .2s; }
html.dark .mkt-pc:hover, html.dark .mkt-store:hover, html.dark .mkt-cat:hover { transform: translateY(-3px); border-color: rgba(255,255,255,.2) !important; }
@media (prefers-reduced-motion: reduce) { html.dark .mkt-pc, html.dark .mkt-store, html.dark .mkt-cat { transition: none; } html.dark .mkt-pc:hover, html.dark .mkt-store:hover, html.dark .mkt-cat:hover { transform: none; } }
html.dark .mkt-sec-link { color: #c9d3e3 !important; }
html.dark .mkt-sec-link:hover { color: #fff !important; }
html.dark .store-card { background: var(--night-surface) !important; border-color: var(--night-line) !important; color: var(--night-ink); }
html.dark .store-card:hover { border-color: rgba(255,255,255,.22) !important; box-shadow: none !important; }
html.dark .store-card * { color: inherit; }
html.dark .store-card [class*="meta"], html.dark .store-card small { color: var(--night-muted) !important; }

/* Red de seguridad: páginas con clases Tailwind claras sin variante dark (carrito, checkout, cuenta, etc.) */
html.dark body :is(.bg-white, .bg-gray-50, .bg-slate-50, .bg-gray-100, .bg-slate-100, .bg-neutral-50, .bg-zinc-50):not([class*="dark:bg-"]):not(img):not(button.bg-white) { background-color: var(--night-surface) !important; }
html.dark body :is(.bg-blue-50, .bg-sky-50, .bg-indigo-50, .bg-yellow-50, .bg-amber-50):not([class*="dark:bg-"]) { background-color: rgba(255,255,255,.05) !important; }
html.dark body :is(.text-slate-900, .text-gray-900, .text-slate-800, .text-gray-800, .text-slate-700, .text-gray-700, .text-ink-900, .text-ink-800):not([class*="dark:text-"]) { color: var(--night-ink) !important; }
html.dark body :is(.text-slate-600, .text-gray-600, .text-slate-500, .text-gray-500, .text-ink-600, .text-ink-500):not([class*="dark:text-"]) { color: var(--night-muted) !important; }
html.dark body :is(.border-gray-100, .border-gray-200, .border-slate-100, .border-slate-200, .divide-gray-100 > *, .divide-gray-200 > *):not([class*="dark:border-"]) { border-color: var(--night-line) !important; }
html.dark body :is(.text-blue-600, .text-blue-500, .text-sky-600):not([class*="dark:text-"]) { color: #a9b8d0 !important; }
html.dark body :is(.bg-blue-600, .bg-blue-500, .bg-sky-600):not([class*="dark:bg-"]) { background-color: #f2f2f4 !important; color: #0c0c0e !important; }
html.dark body :is(.bg-blue-600, .bg-blue-500, .bg-sky-600) * { color: #0c0c0e !important; }
html.dark #cookie-consent-banner { background: #111113 !important; border: 1px solid var(--night-line); box-shadow: none !important; }

/* Páginas con CSS propio (carrito, búsqueda, acceso, pie) */
html.dark .cart-page, html.dark .ml-search-page, html.dark .cart-drawer-shell, html.dark .cart-drawer-body { background: transparent !important; color: var(--night-ink) !important; }
html.dark .cart-card, html.dark .cart-seller-head, html.dark .cart-line, html.dark .ml-search-box, html.dark .ml-trust-row, html.dark .ml-discover, html.dark .ml-mini-card, html.dark .aml-form-card, html.dark .aml-mode-switch, html.dark .aml-foot, html.dark .summary { background: var(--night-surface) !important; border-color: var(--night-line) !important; color: var(--night-ink) !important; box-shadow: none !important; }
html.dark .empty-icon, html.dark .ml-mini-img { background: rgba(255,255,255,.06) !important; color: #e9e6df !important; }
html.dark .aml-input { background: rgba(255,255,255,.05) !important; border-color: rgba(255,255,255,.14) !important; color: #fff !important; }
html.dark .aml-mode-btn.is-active { background: #f2f2f4 !important; color: #0c0c0e !important; }
html.dark .cart-page .checkout-btn, html.dark .cart-page .btn-primary, html.dark .cart-page a[class*="btn"] { background: #f2f2f4 !important; color: #0c0c0e !important; box-shadow: none !important; }
html.dark footer, html.dark footer * { color: #8b8b92; }
html.dark footer a:hover { color: #fff; }
html.dark .cart-page h1, html.dark .cart-page h2, html.dark .cart-page b, html.dark .cart-page strong, html.dark .summary * { color: var(--night-ink); }
html.dark { --aml-ink:#f2f2f4; --aml-muted:#9a9aa3; --aml-line:rgba(255,255,255,.12); --aml-blue:#f2f2f4; --aml-blue-dark:#ffffff; }
html.dark .aml-header { background: #000 !important; }
html.dark .aml-primary { background: #f2f2f4 !important; color: #0c0c0e !important; }
html.dark .aml-form-card label, html.dark .aml-form-card a { color: var(--night-ink); }
html.dark .aml-form-card a { text-decoration-color: rgba(255,255,255,.3); }
html.dark .aml-mode-btn { color: var(--night-muted) !important; }
html.dark .aml-form-card .aml-secondary, html.dark .aml-form-card [class*="outline"] { background: transparent !important; border-color: rgba(255,255,255,.22) !important; color: var(--night-ink) !important; }
html.dark .aml-foot a, html.dark .aml-foot { color: var(--night-muted) !important; }
/* página de error / 404 */
html.dark body.err-shell { color: var(--night-ink); }
html.dark .err-shell .card, html.dark .err-shell .block, html.dark .err-shell .pick { background: var(--night-surface) !important; border-color: var(--night-line) !important; box-shadow: none !important; }
html.dark .err-shell .pick .im, html.dark .err-shell .badge { background: rgba(255,255,255,.05) !important; border-color: var(--night-line) !important; color: #e9e6df !important; }
html.dark .err-shell header, html.dark .err-shell nav.sub, html.dark .err-shell .top { background: #000 !important; border-color: var(--night-line) !important; }
html.dark .err-shell .btn-p { background: #f2f2f4 !important; color: #0c0c0e !important; box-shadow: none !important; }
html.dark .err-shell .btn-g, html.dark .err-shell .btn-o { background: transparent !important; border: 1px solid rgba(255,255,255,.22) !important; color: var(--night-ink) !important; }
html.dark .err-shell h1, html.dark .err-shell h2, html.dark .err-shell h3, html.dark .err-shell p, html.dark .err-shell a { color: inherit; }
html.dark .err-shell a:not(.btn) { color: var(--night-muted); }
html.dark .err-shell .eyebrow, html.dark .err-shell [class*="code"] { color: var(--night-muted) !important; }
html.dark .err-shell [class*="chip"], html.dark .err-shell .cats a, html.dark .err-shell .tags a { background: transparent !important; border: 1px solid rgba(255,255,255,.18) !important; color: var(--night-ink) !important; }
html.dark .err-shell header a, html.dark .err-shell .brand { color: #fff !important; }

/* Ficha de producto y ofertas */
html.dark .pdp-main-img, html.dark .pdp-buybox, html.dark .pdp-ship-trigger, html.dark .pdp-qty, html.dark .pdp-sticky, html.dark .pdp-seller-detail, html.dark .pdp-seller-detail-link, html.dark .pdp-payment-card, html.dark .pdp-card, html.dark .pdp-feature-row, html.dark .pdp-seller-product, html.dark .dc-tab, html.dark .dc-empty { background: var(--night-surface) !important; border-color: var(--night-line) !important; box-shadow: none !important; color: var(--night-ink) !important; }
html.dark .pdp-main-img { background: #fff !important; }
html.dark .dc-page { background: transparent !important; color: var(--night-ink) !important; }
html.dark [class*="pdp-"] h1, html.dark [class*="pdp-"] h2, html.dark [class*="pdp-"] h3, html.dark [class*="pdp-title"], html.dark [class*="pdp-price"], html.dark [class*="pdp-"] strong, html.dark [class*="pdp-"] b { color: var(--night-ink) !important; }
html.dark [class*="pdp-"] p, html.dark [class*="pdp-"] small, html.dark [class*="pdp-"] li, html.dark [class*="pdp-"] label, html.dark [class*="pdp-"] span { color: inherit; }
html.dark .pdp-btn-cart, html.dark .pdp-btn.pdp-btn-buy, html.dark .pdp-sticky .pdp-btn { background: #f2f2f4 !important; color: #0c0c0e !important; box-shadow: none !important; }
html.dark main h1, html.dark main h2 { color: var(--night-ink); }
html.dark main h1 { color: var(--night-ink) !important; }
html.dark .pdp-seller-detail-cover { background: linear-gradient(135deg, #131316, #26262c) !important; }
html.dark .pdp-sticky button, html.dark .pdp-sticky [class*="btn"], html.dark .pdp-sticky a[class*="btn"] { background: #f2f2f4 !important; color: #0c0c0e !important; border: 0 !important; }
html.dark [class*="pdp-"] a, html.dark [class*="pdp-"] [class*="link"], html.dark [class*="pdp-"] [class*="more"] { color: #c9d3e3 !important; }
html.dark .pdp-qty button { color: var(--night-ink) !important; }
html.dark .pdp-buybox .bi-patch-check-fill, html.dark .bi-patch-check-fill { color: #c9d3e3; }