/* ============================================
   GRADIENT UNDERLINES GLOBALES
   Gradiente: naranja a azul
   ============================================ */

/* Clases reutilizables para underlines con gradiente */
.gradient-underline,
.header-underline-gradient {
    border-bottom: 4px solid transparent !important;
    background: linear-gradient(90deg, #d22b4f 0%, #d22b4f 33.33%, #fdbb28 33.33%, #fdbb28 66.66%, #3873b7 66.66%, #3873b7 100%) left bottom no-repeat !important;
    background-size: 100% 4px !important;
}

.gradient-underline-thin {
    border-bottom: 3px solid transparent !important;
    background: linear-gradient(90deg, #d22b4f 0%, #d22b4f 33.33%, #fdbb28 33.33%, #fdbb28 66.66%, #3873b7 66.66%, #3873b7 100%) left bottom no-repeat !important;
    background-size: 100% 3px !important;
}

.gradient-underline-thick {
    border-bottom: 5px solid transparent !important;
    background: linear-gradient(90deg, #d22b4f 0%, #d22b4f 33.33%, #fdbb28 33.33%, #fdbb28 66.66%, #3873b7 66.66%, #3873b7 100%) left bottom no-repeat !important;
    background-size: 100% 5px !important;
}

/* Sobreescribir underlines existentes con nuevo gradiente */
[style*="border-bottom: 4px solid orange"],
[style*="border-bottom: 4px solid #d22b4f"] {
    border-bottom: 4px solid transparent !important;
    background: linear-gradient(90deg, #d22b4f 0%, #d22b4f 33.33%, #fdbb28 33.33%, #fdbb28 66.66%, #3873b7 66.66%, #3873b7 100%) left bottom no-repeat !important;
    background-size: 100% 4px !important;
}