/* ═══════════════════════════════════════════════════════════════════════════
   VIVERO · LAS CLASES DE TAILWIND EN EL TEMA TEAL — 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: 15 reglas.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-tema="teal"] .bg-slate-100:not([data-pz-foto]){background-color:#046477 !important}
html[data-tema="teal"] .bg-slate-50:not([data-pz-foto]){background-color:#005565 !important}
html[data-tema="teal"] .bg-slate-50\/60:not([data-pz-foto]){background-color:rgba(0,85,101,0.6) !important}
html[data-tema="teal"] .bg-slate-50\/70:not([data-pz-foto]){background-color:rgba(0,85,101,0.7) !important}
html[data-tema="teal"] .border-slate-100:not([data-pz-foto]){border-color:#046477 !important}
html[data-tema="teal"] .border-slate-200:not([data-pz-foto]){border-color:#0B6576 !important}
html[data-tema="teal"] .border-slate-300:not([data-pz-foto]){border-color:#2A7C8C !important}
html[data-tema="teal"] .hover\:bg-slate-100:hover:not([data-pz-foto]){background-color:#046477 !important}
html[data-tema="teal"] .hover\:bg-slate-200:hover:not([data-pz-foto]){background-color:#0B6576 !important}
html[data-tema="teal"] .hover\:bg-slate-50:hover:not([data-pz-foto]){background-color:#005565 !important}
html[data-tema="teal"] .text-gray-300:not([data-pz-foto]){color:rgba(255,255,255,.76) !important}
html[data-tema="teal"] .text-gray-400:not([data-pz-foto]){color:rgba(255,255,255,.80) !important}
html[data-tema="teal"] .text-slate-300:not([data-pz-foto]){color:rgba(255,255,255,.76) !important}
html[data-tema="teal"] .text-slate-400:not([data-pz-foto]){color:rgba(255,255,255,.80) !important}
html[data-tema="teal"] .text-slate-500:not([data-pz-foto]){color:rgba(255,255,255,.86) !important}