/* 
 * blue-title-fix.css
 * Solución específica para títulos sobre fondos azules
 * Solo afecta a los títulos que están sobre fondo azul
 */

/* Títulos en fondos azules - asegura que sean blancos */
.bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6,
.card-header.bg-primary h1, .card-header.bg-primary h2, .card-header.bg-primary h3, 
.card-header.bg-primary h4, .card-header.bg-primary h5, .card-header.bg-primary h6 {
    color: #FFFFFF !important;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}

/* Solo para el formulario de agregar mascota - específicamente los elementos con fondo azul */
.card > .card-header.bg-primary {
    background-color: #0a0a82 !important;
    color: #FFFFFF !important;
}

/* Para los botones en las tarjetas azules */
.card-header.bg-primary .btn {
    color: #FFFFFF !important;
}

/* Este estilo NO afecta a ningún otro título, solo a los que tienen fondo azul */

/* Estilo específico para el título "Agregar Nueva Mascota" */
.card-header.bg-primary h3.mb-0,
.card-header.bg-primary h3.mb-0.text-white {
    color: #FFFFFF !important;
    font-weight: 600;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}

/* Para asegurar que el fondo sea el color azul oscuro correcto */
.card-header.bg-primary {
    background-color: #0a0a82 !important; /* Color azul oscuro específico */
}

/* Para el título específico en la página de agregar mascota */
.card .card-header.bg-primary h3 {
    color: #FFFFFF !important;
}