/* =========================================================================
   RESETEO ABSOLUTO: DESTRUYE EL CELESTE Y FUERZA EL AZUL/AMARILLO
   ========================================================================= */

/* 1. ESTADO NORMAL: Forzamos a CUALQUIER enlace dentro de estas zonas a ser AZUL */
.more-news a,
.more-news h3 a,
.section_featured_services a,
.section_featured_services h4 a {
    background: #006699 !important;      /* Fondo azul fijo */
    background-color: #006699 !important;/* Doble refuerzo por si usan gradientes */
    color: #ffffff !important;           /* Texto blanco por defecto */
    display: inline-block !important;    /* Para que respete el padding y no se amontone */
    padding: 6px 12px !important;        /* Tamaño de barra */
    margin-bottom: 5px !important;       /* Separación para los <br> */
    border-radius: 4px !important;       /* Bordes curvos */
    text-decoration: none !important;
    font-weight: normal !important;
}

/* 2. EFECTO HOVER: Forzamos a mantener el fondo azul y que SOLO la letra cambie a amarillo */
.more-news a:hover,
.more-news h3 a:hover,
.section_featured_services a:hover,
.section_featured_services h4 a:hover {
    background: #006699 !important;      /* Bloqueamos el fondo en azul (ADIÓS CELESTE) */
    background-color: #006699 !important;
    color: #FFCC00 !important;           /* Forzamos texto amarillo */
    font-weight: bold !important;        /* Forzamos negrita */
    text-decoration: none !important;
}

/* 3. VIÑETAS (ÍCONOS): Siguen el comportamiento exacto del texto */
.more-news a i,
.section_featured_services a i {
    color: #ffffff !important;
    margin-right: 6px !important;
}

.more-news a:hover i,
.section_featured_services a:hover i {
    color: #FFCC00 !important;           /* Ícono amarillo en hover */
}