/* IMPOLAPTOPS · modo noche
   Se activa con <html data-tema="oscuro"> (botón del menú, o el modo oscuro del teléfono si la persona no eligió).
   Cambia los tokens y corrige las pocas superficies que tenían blanco fijo. */
:root[data-tema="oscuro"] {
  color-scheme: dark;
  --fondo: #0c171d;
  --fondo-2: #172831;
  --blanco: #132229;          /* superficie de tarjetas y paneles */
  --noche: #060f14;
  --texto: #e7eff2;
  --texto-2: #b3c3ca;
  --tenue: #8ea2aa;
  --linea: #24363e;
  --turquesa-fuerte: #4cc9de;   /* texto y detalles turquesa sobre fondo oscuro */
  --turquesa-texto: #5fd3e7;
  --turquesa-suave: #0f3640;
  --turquesa-boton: #0a7f93;    /* fondo de botones con texto blanco */
  --sombra: inset 0 0 0 1px rgba(255, 255, 255, .06), 0 1px 2px rgba(0, 0, 0, .35), 0 12px 32px -14px rgba(0, 0, 0, .7);
  --sombra-alta: inset 0 0 0 1px rgba(255, 255, 255, .07), 0 2px 4px rgba(0, 0, 0, .35), 0 24px 48px -18px rgba(0, 0, 0, .8);
}
[data-tema="oscuro"] body { background: var(--fondo); }

/* Fondos con texto blanco encima: turquesa más profundo */
[data-tema="oscuro"] .boton-principal,
[data-tema="oscuro"] .cuenta,
[data-tema="oscuro"] .riel li.activo span,
[data-tema="oscuro"] .rapido[aria-pressed="true"] { background-color: var(--turquesa-boton); color: #fff; }
[data-tema="oscuro"] .opcion input:checked { background-color: var(--turquesa-boton); }
@media (hover: hover) and (pointer: fine) {
  [data-tema="oscuro"] .boton-principal:hover { background-color: #0b93aa; }
  [data-tema="oscuro"] .agregar:hover { background-color: var(--turquesa-boton); }
  [data-tema="oscuro"] .agregar[aria-pressed="true"]:hover { background-color: #134650; }
  [data-tema="oscuro"] .menu a:hover, [data-tema="oscuro"] .icono-boton:hover { background: var(--fondo-2); }
}
[data-tema="oscuro"] .agregar { background: #e7eff2; color: #0c171d; }
[data-tema="oscuro"] .agregar[aria-pressed="true"] { background: var(--turquesa-suave); color: var(--turquesa-fuerte); }
[data-tema="oscuro"] .boton-oscuro { background: #e7eff2; color: #0c171d; }

/* Menú, buscador y paneles que eran blancos */
[data-tema="oscuro"] .nav-capsula { background: rgba(19, 34, 41, .86); }
[data-tema="oscuro"] .buscar-fila { background: rgba(19, 34, 41, .92); }
[data-tema="oscuro"] .buscador:focus-within { background: var(--fondo-2); }
[data-tema="oscuro"] .orden select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e7eff2' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E"); }
@media (max-width: 920px) {
  [data-tema="oscuro"] .orden select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e7eff2' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M7 4v16m0 0-3-3m3 3 3-3M17 20V4m0 0-3 3m3-3 3 3'/%3E%3C/svg%3E"); }
}

/* Fotos de laptops: en modo noche van sobre un recuadro claro, como foto de estudio.
   Los recortes del catálogo traen restos de su fondo blanco que sobre gris oscuro se notan; sobre claro desaparecen. */
[data-tema="oscuro"] :is(.tarjeta-foto, .categoria-foto, .galeria-pista, .ficha-principal, .miniaturas button, .rapida-pista,
  .recibo-linea .mini, .resumen-lista .mini, .rapida-vendida img, .adm-fila img, .adm-fotos img, .adm-sin-foto, .fila img) {
  background: radial-gradient(120% 95% at 50% 28%, #f6f9fa 0%, #e3e9ec 70%, #d6dee2 100%);
  color: #56656e;
}
[data-tema="oscuro"] .tarjeta-foto img { filter: drop-shadow(0 14px 12px rgba(11, 31, 42, .22)); }
[data-tema="oscuro"] .miniaturas button[aria-current="true"] { box-shadow: 0 0 0 2.5px var(--turquesa-fuerte); }
[data-tema="oscuro"] .ficha-cerrar,
[data-tema="oscuro"] .galeria-flecha { background: rgba(19, 34, 41, .95); }

/* Portada */
[data-tema="oscuro"] .portada-tarjeta::before { background: radial-gradient(60% 80% at 78% 55%, rgba(0, 175, 204, .18) 0%, rgba(0, 175, 204, 0) 70%), linear-gradient(120deg, #132229 40%, #0f2a33); }
[data-tema="oscuro"] .portada-tienda { background: rgba(19, 34, 41, .94); }
[data-tema="oscuro"] .escena-precio { background: var(--blanco); }

/* Sección fija de la garantía */
[data-tema="oscuro"] .historia { background: linear-gradient(180deg, var(--fondo), #0f1f26 30%, #102229); }
[data-tema="oscuro"] .numero-fondo { color: #182c34; }
[data-tema="oscuro"] .riel li span { background: var(--blanco); }

/* Mensaje de WhatsApp en Mi lista */
[data-tema="oscuro"] .mensaje pre { background: #0f4a36; color: #e7f7ee; }

/* Mapa de Google: invertido para que no encandile */
[data-tema="oscuro"] .mapa iframe { filter: invert(.9) hue-rotate(180deg) saturate(.8); }

/* Botón del menú para cambiar el modo */
.tema-boton .ico-sol { display: none; }
[data-tema="oscuro"] .tema-boton .ico-sol { display: block; }
[data-tema="oscuro"] .tema-boton .ico-luna { display: none; }
.tema-boton .ico { transition: transform 300ms var(--ease-out); }
.tema-boton:active .ico { transform: rotate(-30deg); }
[data-tema="oscuro"] .cifras { background: radial-gradient(90% 160% at 10% 0%, #17414f, #0b1e26 60%); }