/* =======================================================
   CORRECCIÓN DE TEXT-WHITE - GREMIA 2025
   Forzar que todos los elementos con text-white sean blancos
======================================================= */

/* ===== FORZAR COLOR BLANCO PARA TODOS LOS TEXT-WHITE ===== */

/* Reglas ultra específicas para text-white */
.text-white,
h1.text-white,
h2.text-white,
h3.text-white,
h4.text-white,
h5.text-white,
h6.text-white,
p.text-white,
span.text-white,
div.text-white {
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
}

/* Específicamente para títulos en secciones con fondo oscuro */
.bg-dark .text-white,
.bg-primary .text-white,
section.bg-dark .text-white,
.section.bg-dark .text-white {
    color: #ffffff !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6) !important;
}

/* Title-heading con text-white */
.title-heading.text-white,
h3.title-heading.text-white,
.text-white.title-heading {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.5) !important;
}

/* Sobreescribir cualquier conflicto con title-heading */
h3.title-heading.mt-4.text-white {
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6) !important;
}

/* Para elementos específicos que puedan tener conflictos */
.title-box .title-heading.text-white,
.text-center .title-heading.text-white {
    color: #ffffff !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) !important;
}

/* Asegurar que funcione en todas las secciones */
section .text-white,
.section .text-white,
.container .text-white,
.row .text-white,
[class*="col"] .text-white {
    color: #ffffff !important;
}

/* Especial para counter values y otros elementos */
.counter-value.text-white,
.text-white.counter-value {
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6) !important;
}

/* Responsive - asegurar blanco en todos los dispositivos */
@media (max-width: 768px) {
    .text-white,
    h1.text-white,
    h2.text-white,
    h3.text-white {
        color: #ffffff !important;
        text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7) !important;
    }
}

@media (max-width: 576px) {
    .text-white {
        color: #ffffff !important;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
        font-weight: 600 !important; /* Más bold en móviles para mejor visibilidad */
    }
}