/* Tema «Nocturno» – tinta, marfil y oro. Para una lectura más de noche, sin invertir los colores a ciegas. */
html[data-tema="nocturno"] {
  --c-fondo: #0E141B; --c-superficie: #171F2A; --c-texto: #F3EDE4; --c-suave: #B7C0CC;
  --c-primario: #0E6A5C; --c-titulos: #F7F1E8; --c-acento: #E4B15A; --c-acento-texto: #1A1408;
  --c-tinte: #1C2633; --c-borde: #2C3848; --c-enlace: #E4B15A; --c-azul: #E4B15A;
  --c-pie: #090D12; --c-pie-texto: #C5CDD8;
  --f-titulos: "Instrument Serif", Georgia, serif; --f-texto: "Manrope", system-ui, sans-serif; --peso-titulos: 400;
  --espaciado-titulos: -0.015em;
  --radio: 16px; --radio-grande: 22px; --radio-boton: 999px;
  --sombra: 0 18px 40px -28px rgba(0,0,0,.7);
  --sombra-fuerte: 0 28px 50px -24px rgba(0,0,0,.75);
  --hero-img: url(/img/hero-minimal.jpg); --hero-pos: center 70%;
  --header-bg: #0E141B;
  color-scheme: dark;
}
html[data-tema="nocturno"] .cabecera {
  background: color-mix(in srgb, var(--c-fondo) 88%, transparent);
  backdrop-filter: blur(16px);
  box-shadow: 0 1px 0 var(--c-borde);
}
html[data-tema="nocturno"] .tarjeta,
html[data-tema="nocturno"] .bloque,
html[data-tema="nocturno"] .valor,
html[data-tema="nocturno"] .filtros { border: 1px solid var(--c-borde); }
html[data-tema="nocturno"] .formulario input,
html[data-tema="nocturno"] .formulario select,
html[data-tema="nocturno"] .formulario textarea,
html[data-tema="nocturno"] .filtros select,
html[data-tema="nocturno"] .filtros input { background: var(--c-superficie); }
html[data-tema="nocturno"] .segmentado input:checked + label { background: var(--c-acento); color: var(--c-acento-texto); }
html[data-tema="nocturno"] .hero-ctas .hero-cta-2 { background: #F3EDE4; color: #141820; }
html[data-tema="nocturno"] .pestana[aria-selected="true"] { background: var(--c-acento); color: var(--c-acento-texto); }
html[data-tema="nocturno"] .etiqueta { background: rgba(243,237,228,.94); color: #141820; }
html[data-tema="nocturno"] .etiqueta.acento { background: var(--c-acento); color: var(--c-acento-texto); }
html[data-tema="nocturno"] .precio { color: var(--c-acento); }
html[data-tema="nocturno"] .ficha .precio { color: var(--c-acento); }
html[data-tema="nocturno"] .seccion-tinte .valor { border-color: transparent; }
html[data-tema="nocturno"] .resultado-sim { background: #0E6A5C; }