/* Colores personalizados para Calentadores Nacionales */
/* Color principal: #093479 */

/* Sobrescribir colores azules de Tailwind con #093479 */
.bg-blue-50 { background-color: #e6eef9 !important; }
.bg-blue-100 { background-color: #ccddf3 !important; }
.bg-blue-500 { background-color: #093479 !important; }
.bg-blue-600 { background-color: #093479 !important; }
.bg-blue-700 { background-color: #072856 !important; }
.bg-blue-800 { background-color: #051d3c !important; }

.text-blue-50 { color: #e6eef9 !important; }
.text-blue-100 { color: #ccddf3 !important; }
.text-blue-500 { color: #093479 !important; }
.text-blue-600 { color: #093479 !important; }
.text-blue-700 { color: #072856 !important; }
.text-blue-800 { color: #051d3c !important; }

.border-blue-50 { border-color: #e6eef9 !important; }
.border-blue-100 { border-color: #ccddf3 !important; }
.border-blue-400 { border-color: #1a4f9d !important; }
.border-blue-500 { border-color: #093479 !important; }
.border-blue-600 { border-color: #093479 !important; }

.ring-blue-200 { --tw-ring-color: #99bbdb !important; }
.ring-blue-400 { --tw-ring-color: #1a4f9d !important; }
.ring-blue-500 { --tw-ring-color: #093479 !important; }
.ring-blue-600 { --tw-ring-color: #093479 !important; }

.hover\:bg-blue-50:hover { background-color: #e6eef9 !important; }
.hover\:bg-blue-600:hover { background-color: #072856 !important; }
.hover\:bg-blue-700:hover { background-color: #051d3c !important; }

.hover\:text-blue-600:hover { color: #093479 !important; }
.hover\:text-blue-700:hover { color: #072856 !important; }

.focus\:border-blue-500:focus { border-color: #093479 !important; }
.focus\:border-blue-600:focus { border-color: #093479 !important; }

.focus\:ring-blue-200:focus { --tw-ring-color: #99bbdb !important; }
.focus\:ring-blue-400:focus { --tw-ring-color: #1a4f9d !important; }
.focus\:ring-blue-500:focus { --tw-ring-color: #093479 !important; }

/* Colores para checkboxes y radio buttons con accent-color */
input[type="checkbox"].text-blue-600,
input[type="radio"].text-blue-600 {
    accent-color: #093479 !important;
}

/* Border para spinners y loaders */
.border-blue-600 {
    border-color: #093479 !important;
}

/* Sobrescribir colores rojos de Tailwind con #F0303A */
.bg-red-50 { background-color: #fef2f2 !important; }
.bg-red-100 { background-color: #fce4e5 !important; }
.bg-red-200 { background-color: #fac9cb !important; }
.bg-red-400 { background-color: #f4666d !important; }
.bg-red-500 { background-color: #F0303A !important; }
.bg-red-600 { background-color: #F0303A !important; }
.bg-red-700 { background-color: #c0262e !important; }
.bg-red-800 { background-color: #901d23 !important; }
.bg-red-900 { background-color: #601317 !important; }

.text-red-50 { color: #fef2f2 !important; }
.text-red-100 { color: #fce4e5 !important; }
.text-red-200 { color: #fac9cb !important; }
.text-red-400 { color: #f4666d !important; }
.text-red-500 { color: #F0303A !important; }
.text-red-600 { color: #F0303A !important; }
.text-red-700 { color: #c0262e !important; }
.text-red-800 { color: #901d23 !important; }
.text-red-900 { color: #601317 !important; }

.border-red-100 { border-color: #fce4e5 !important; }
.border-red-200 { border-color: #fac9cb !important; }
.border-red-300 { border-color: #f69ca1 !important; }
.border-red-400 { border-color: #f4666d !important; }
.border-red-500 { border-color: #F0303A !important; }
.border-red-600 { border-color: #F0303A !important; }

.ring-red-200 { --tw-ring-color: #fac9cb !important; }
.ring-red-400 { --tw-ring-color: #f4666d !important; }
.ring-red-500 { --tw-ring-color: #F0303A !important; }

.hover\:bg-red-50:hover { background-color: #fef2f2 !important; }
.hover\:bg-red-600:hover { background-color: #c0262e !important; }
.hover\:bg-red-700:hover { background-color: #901d23 !important; }

.hover\:text-red-600:hover { color: #F0303A !important; }
.hover\:text-red-700:hover { color: #c0262e !important; }

.focus\:border-red-500:focus { border-color: #F0303A !important; }
.focus\:border-red-600:focus { border-color: #F0303A !important; }

.focus\:ring-red-200:focus { --tw-ring-color: #fac9cb !important; }
.focus\:ring-red-400:focus { --tw-ring-color: #f4666d !important; }
.focus\:ring-red-500:focus { --tw-ring-color: #F0303A !important; }