/* =========================================================================
   PALETA DE COLOR INSTITUCIONAL: ROJO VINO Y ROJO INTERACTIVO
   ========================================================================= */

/* Títulos de secciones del portal */
.section-title {
    color: #990000 !important;
}

/* Enlaces por defecto en títulos de noticias */
.noticia-text-col h2 a {
    color: #222222 !important;
}

/* Enlaces al pasar el cursor (Hover) */
.noticia-text-col h2 a:hover {
    color: #cc0000 !important;
}

/* Enlace de "Más >>" */
.noticia-more {
    color: #cc0000 !important;
}

/* FILA 1: Textos de los perfiles superiores y su línea inferior */
.header-row-perfiles ul li a {
    color: #990000 !important;
    border-bottom: 3px solid #990000 !important;
}

.header-row-perfiles ul li a:hover {
    color: #cc0000 !important;
    border-bottom-color: #cc0000 !important;
}

/* FILA 2: Subenlaces de texto pequeño */
.header-row-subenlaces ul li a {
    color: #444444 !important;
}

.header-row-subenlaces ul li a:hover {
    color: #990000 !important;
}

/* =========================================================================
   FILA 3: COLOR DE LA BARRA DE PÁGINAS CONTINUA
   ========================================================================= */

/* 1. Color de fondo general para la barra (Rojo Vino) */
.barra-paginas-institucional {
    background: #990000 !important; 
}

/* 2. Botones normales: Textos blancos y fondo transparente para ver la barra */
.barra-paginas-institucional ul li a,
.barra-paginas-institucional div > ul > li > a {
    color: #ffffff !important;
    background: transparent !important;
}

/* 3. Hover en los botones: Se aclara al rojo interactivo */
.barra-paginas-institucional ul li a:hover,
.barra-paginas-institucional ul li:hover > a,
.barra-paginas-institucional div > ul > li > a:hover {
    background: #cc0000 !important;
    color: #ffffff !important;
}

/* 4. Estado Activo: La página actual se queda fija en rojo interactivo */
.barra-paginas-institucional ul .current-menu-item > a,
.barra-paginas-institucional ul .current_page_item > a,
.barra-paginas-institucional ul .current-menu-ancestor > a,
.barra-paginas-institucional ul .current_page_parent > a,
.barra-paginas-institucional div > ul > .current_page_item > a {
    background: #cc0000 !important;
    color: #ffffff !important;
}
/* =========================================================================
   ENLACES DE LOS WIDGETS (Barra Lateral)
   ========================================================================= */

/* Color por defecto para los enlaces de los widgets (Rojo Vino) */
#primary .widget a,
#secondary .widget a,
.widget-area a {
    color: #990000 !important;
    text-decoration: none !important;
}

/* Efecto al pasar el cursor por los enlaces del widget (Rojo Interactivo) */
#primary .widget a:hover,
#secondary .widget a:hover,
.widget-area a:hover {
    color: #cc0000 !important;
    text-decoration: underline !important;
}