/* ═══════════════════════════════════════════════════════════════════════════
   GRUPALES · LAS CLASES DE TAILWIND EN EL TEMA CLARO — GENERADO, NO SE EDITA
   ───────────────────────────────────────────────────────────────────────────
   Lo escribe «5 herramientas/tailwind-a-claro.py» leyendo las rampas de la app y las
   clases que su marcado usa de verdad. Existe para que el tema se pueda cambiar SIN
   RECARGAR: Tailwind resuelve sus colores una sola vez al compilar, así que emite
   siempre la paleta oscura y los otros temas se resuelven desde acá, que sí es CSS vivo.
   Se traduce por CLASE y no por color: `bg-slate-800` dice su familia y su paso, y así
   no hay que adivinar de qué familia venía un crema — que es lo que hizo que una
   versión anterior pintara de rojo media pantalla.
   Esta corrida: 31 reglas.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-tema="claro"] .bg-gray-700:not([data-pz-foto]){background-color:#333D48 !important}
html[data-tema="claro"] .bg-gray-800:not([data-pz-foto]){background-color:#1A2633 !important}
html[data-tema="claro"] .bg-gray-900:not([data-pz-foto]){background-color:#1A2633 !important}
html[data-tema="claro"] .bg-slate-100:not([data-pz-foto]){background-color:#F6F3ED !important}
html[data-tema="claro"] .bg-slate-200:not([data-pz-foto]){background-color:#EFEAE1 !important}
html[data-tema="claro"] .bg-slate-50:not([data-pz-foto]){background-color:#FFFFFF !important}
html[data-tema="claro"] .border-gray-600:not([data-pz-foto]){border-color:#4A5259 !important}
html[data-tema="claro"] .border-gray-700:not([data-pz-foto]){border-color:#333D48 !important}
html[data-tema="claro"] .border-slate-100:not([data-pz-foto]){border-color:#F6F3ED !important}
html[data-tema="claro"] .border-slate-200:not([data-pz-foto]){border-color:#EFEAE1 !important}
html[data-tema="claro"] .border-slate-300:not([data-pz-foto]){border-color:#DCD5C8 !important}
html[data-tema="claro"] .border-slate-700:not([data-pz-foto]){border-color:#333D48 !important}
html[data-tema="claro"] .hover\:bg-slate-100:hover:not([data-pz-foto]){background-color:#F6F3ED !important}
html[data-tema="claro"] .hover\:bg-slate-200:hover:not([data-pz-foto]){background-color:#EFEAE1 !important}
html[data-tema="claro"] .hover\:text-red-600:hover:not([data-pz-foto]){color:#B3261E !important}
html[data-tema="claro"] .hover\:text-slate-400:hover:not([data-pz-foto]){color:#9A9288 !important}
html[data-tema="claro"] .hover\:text-slate-600:hover:not([data-pz-foto]){color:#4A5259 !important}
html[data-tema="claro"] .hover\:text-slate-700:hover:not([data-pz-foto]){color:#333D48 !important}
html[data-tema="claro"] .hover\:text-slate-800:hover:not([data-pz-foto]){color:#1A2633 !important}
html[data-tema="claro"] .text-amber-600:not([data-pz-foto]){color:#8A6A2F !important}
html[data-tema="claro"] .text-gray-200:not([data-pz-foto]){color:#EFEAE1 !important}
html[data-tema="claro"] .text-gray-300:not([data-pz-foto]){color:#DCD5C8 !important}
html[data-tema="claro"] .text-gray-400:not([data-pz-foto]){color:#9A9288 !important}
html[data-tema="claro"] .text-gray-500:not([data-pz-foto]){color:#6E6A64 !important}
html[data-tema="claro"] .text-sky-600:not([data-pz-foto]){color:#006D82 !important}
html[data-tema="claro"] .text-slate-300:not([data-pz-foto]){color:#DCD5C8 !important}
html[data-tema="claro"] .text-slate-400:not([data-pz-foto]){color:#9A9288 !important}
html[data-tema="claro"] .text-slate-500:not([data-pz-foto]){color:#6E6A64 !important}
html[data-tema="claro"] .text-slate-600:not([data-pz-foto]){color:#4A5259 !important}
html[data-tema="claro"] .text-slate-700:not([data-pz-foto]){color:#333D48 !important}
html[data-tema="claro"] .text-slate-800:not([data-pz-foto]){color:#1A2633 !important}