/*
 * Red de seguridad de colores (Mile Extensiones / RRHH)
 * ------------------------------------------------------
 * CSS puro, sin depender de CDN ni de un build de Tailwind.
 * Garantiza que las clases de color (bg-, text-, border-) se
 * vean SIEMPRE, aunque el CDN de Tailwind falle o el build
 * estatico (tailwind.min.css) este desactualizado o incompleto.
 *
 * Debe cargarse EN ULTIMO LUGAR dentro de <head>, despues de
 * cualquier otro <link> o <script> de estilos, para que gane
 * la cascada en caso de conflicto o clase faltante.
 */

/* ===== slate ===== */
.bg-slate-50{background-color:#f8fafc !important}
.text-slate-50{color:#f8fafc !important}
.border-slate-50{border-color:#f8fafc !important}
.bg-slate-100{background-color:#f1f5f9 !important}
.text-slate-100{color:#f1f5f9 !important}
.border-slate-100{border-color:#f1f5f9 !important}
.hover\:bg-slate-100:hover{background-color:#f1f5f9 !important}
.bg-slate-200{background-color:#e2e8f0 !important}
.text-slate-200{color:#e2e8f0 !important}
.border-slate-200{border-color:#e2e8f0 !important}
.hover\:border-slate-200:hover{border-color:#e2e8f0 !important}
.bg-slate-300{background-color:#cbd5e1 !important}
.text-slate-300{color:#cbd5e1 !important}
.border-slate-300{border-color:#cbd5e1 !important}
.hover\:border-slate-300:hover{border-color:#cbd5e1 !important}
.bg-slate-400{background-color:#94a3b8 !important}
.text-slate-400{color:#94a3b8 !important}
.border-slate-400{border-color:#94a3b8 !important}
.bg-slate-500{background-color:#64748b !important}
.text-slate-500{color:#64748b !important}
.border-slate-500{border-color:#64748b !important}
.hover\:border-slate-500:hover{border-color:#64748b !important}
.bg-slate-600{background-color:#475569 !important}
.text-slate-600{color:#475569 !important}
.border-slate-600{border-color:#475569 !important}
.hover\:text-slate-600:hover{color:#475569 !important}
.bg-slate-700{background-color:#334155 !important}
.text-slate-700{color:#334155 !important}
.border-slate-700{border-color:#334155 !important}
.hover\:bg-slate-700:hover{background-color:#334155 !important}
.bg-slate-800{background-color:#1e293b !important}
.text-slate-800{color:#1e293b !important}
.border-slate-800{border-color:#1e293b !important}
.hover\:bg-slate-800:hover{background-color:#1e293b !important}
.bg-slate-900{background-color:#0f172a !important}
.text-slate-900{color:#0f172a !important}
.hover\:bg-slate-900:hover{background-color:#0f172a !important}

/* ===== gray (por si algún archivo viejo usa gray en vez de slate) ===== */
.bg-gray-50{background-color:#f9fafb !important}
.bg-gray-100{background-color:#f3f4f6 !important}
.bg-gray-200{background-color:#e5e7eb !important}
.bg-gray-300{background-color:#d1d5db !important}
.text-gray-300{color:#d1d5db !important}
.bg-gray-400{background-color:#9ca3af !important}
.text-gray-400{color:#9ca3af !important}
.bg-gray-500{background-color:#6b7280 !important}
.text-gray-500{color:#6b7280 !important}
.bg-gray-600{background-color:#4b5563 !important}
.text-gray-600{color:#4b5563 !important}
.bg-gray-700{background-color:#374151 !important}
.text-gray-700{color:#374151 !important}
.bg-gray-800{background-color:#1f2937 !important}
.text-gray-800{color:#1f2937 !important}
.bg-gray-900{background-color:#111827 !important}
.text-gray-900{color:#111827 !important}

/* ===== emerald ===== */
.bg-emerald-50{background-color:#ecfdf5 !important}
.text-emerald-50{color:#ecfdf5 !important}
.border-emerald-50{border-color:#ecfdf5 !important}
.bg-emerald-100{background-color:#d1fae5 !important}
.text-emerald-100{color:#d1fae5 !important}
.bg-emerald-200{background-color:#a7f3d0 !important}
.border-emerald-200{border-color:#a7f3d0 !important}
.bg-emerald-500{background-color:#10b981 !important}
.text-emerald-500{color:#10b981 !important}
.border-emerald-500{border-color:#10b981 !important}
.hover\:bg-emerald-500:hover{background-color:#10b981 !important}
.bg-emerald-600{background-color:#059669 !important}
.text-emerald-600{color:#059669 !important}
.border-emerald-600{border-color:#059669 !important}
.hover\:bg-emerald-600:hover{background-color:#059669 !important}
.hover\:text-emerald-600:hover{color:#059669 !important}
.bg-emerald-700{background-color:#047857 !important}
.text-emerald-700{color:#047857 !important}

/* ===== red ===== */
.bg-red-50{background-color:#fef2f2 !important}
.text-red-50{color:#fef2f2 !important}
.border-red-50{border-color:#fef2f2 !important}
.hover\:bg-red-50:hover{background-color:#fef2f2 !important}
.bg-red-100{background-color:#fee2e2 !important}
.text-red-100{color:#fee2e2 !important}
.bg-red-200{background-color:#fecaca !important}
.text-red-200{color:#fecaca !important}
.border-red-200{border-color:#fecaca !important}
.bg-red-300{background-color:#fca5a5 !important}
.text-red-300{color:#fca5a5 !important}
.border-red-300{border-color:#fca5a5 !important}
.border-l-red-300{border-left-color:#fca5a5 !important}
.hover\:border-red-300:hover{border-color:#fca5a5 !important}
.bg-red-600{background-color:#dc2626 !important}
.text-red-600{color:#dc2626 !important}
.border-red-600{border-color:#dc2626 !important}
.hover\:bg-red-600:hover{background-color:#dc2626 !important}
.hover\:text-red-600:hover{color:#dc2626 !important}
.bg-red-700{background-color:#b91c1c !important}
.hover\:bg-red-700:hover{background-color:#b91c1c !important}

/* ===== orange ===== */
.bg-orange-50{background-color:#fff7ed !important}
.text-orange-50{color:#fff7ed !important}
.bg-orange-200{background-color:#fed7aa !important}
.text-orange-200{color:#fed7aa !important}
.border-orange-200{border-color:#fed7aa !important}
.bg-orange-600{background-color:#ea580c !important}
.text-orange-600{color:#ea580c !important}
.border-orange-600{border-color:#ea580c !important}
.hover\:bg-orange-600:hover{background-color:#ea580c !important}
.bg-orange-700{background-color:#c2410c !important}
.hover\:bg-orange-700:hover{background-color:#c2410c !important}

/* ===== amber ===== */
.bg-amber-50{background-color:#fffbeb !important}
.text-amber-50{color:#fffbeb !important}
.bg-amber-200{background-color:#fde68a !important}
.text-amber-200{color:#fde68a !important}
.border-amber-200{border-color:#fde68a !important}
.bg-amber-500{background-color:#f59e0b !important}
.bg-amber-600{background-color:#d97706 !important}
.text-amber-600{color:#d97706 !important}
.bg-amber-700{background-color:#b45309 !important}

/* ===== blue (compatibilidad con vistas antiguas) ===== */
.bg-blue-50{background-color:#eff6ff !important}
.bg-blue-100{background-color:#dbeafe !important}
.text-blue-100{color:#dbeafe !important}
.bg-blue-500{background-color:#3b82f6 !important}
.hover\:bg-blue-500:hover{background-color:#3b82f6 !important}
.bg-blue-600{background-color:#2563eb !important}
.text-blue-600{color:#2563eb !important}
.border-blue-600{border-color:#2563eb !important}
.hover\:bg-blue-600:hover{background-color:#2563eb !important}
.hover\:border-blue-600:hover{border-color:#2563eb !important}
.bg-blue-700{background-color:#1d4ed8 !important}
.hover\:bg-blue-700:hover{background-color:#1d4ed8 !important}

/* ===== básicos ===== */
.bg-white{background-color:#ffffff !important}
.text-white{color:#ffffff !important}
.border-white{border-color:#ffffff !important}
.bg-transparent{background-color:transparent !important}