/* Side On · modo oscuro. Las maquetas eran solo claras: acá se redefinen sus colores para quien usa el
   teléfono o el computador en oscuro. Lo que ya era oscuro (franjas de noche, banda, pie) no cambia. */
@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #141413;
    --fondo-2: #222321;
    --tinta: #ECEDE9;
    --tinta-2: #B3B7B3;
    --linea: rgba(236, 237, 233, 0.16);
    --rojo: #D9434D;
    --rojo-hondo: #C3222D;
    --arena: #8C857D;
    color-scheme: dark;
  }
  ::selection { background: var(--tinta); color: var(--fondo); }
  .enc { background: color-mix(in srgb, var(--fondo) 92%, transparent); }
  img { color-scheme: normal; }
  input, select, textarea { background-color: var(--fondo-2); color: var(--tinta); border-color: var(--linea); }
}
@media (prefers-color-scheme: dark) {
  /* La barra de la preventa y el botón de idioma eran tinta sobre claro: se mantienen oscuros y legibles */
  .aviso { background: #0B0B0A; color: #ECEDE9; border-bottom: 1px solid var(--linea); }
  .lengua button[aria-pressed="true"] { color: #1D1D1B; }
  /* Campos de la tienda: --blanco era el fondo de los campos */
  .buscar input, .orden select, .talla select, .form-c input, .form-c select, .form-c textarea { background-color: var(--fondo-2); color: var(--tinta); }
  .orden select, .talla select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ECEDE9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); }
}