/* Change all job titles to gray */
/* Color gris siempre */
a.area h4,
a.area h4 b {
    color: #888888 !important;
}

/* Cuando el enlace tiene foco, solo marco el foco, no cambio el color */
a.area:focus {
    outline: 2px solid #888888;   /* o el color que quieras para el borde */
    outline-offset: 2px;
}
/* Update the 'Candidatura no vinculada' badge background to gray */
span.badge.badge-pill.badge-primary {
    background-color: #888888 !important;
    color: #ffffff !important; /* Keep text white */
    border: none; /* In case there is a default border */
}
/****************/
/* 1. Job Titles (inside the area cards) */
a.area, 
a.area h4, 
a.area h4 b {
    color: #888888 !important;
}

/* 2. Footer Links (Legal, Privacy, etc.) */
footer a, 
.footer a,
a:link, 
a:visited {
    color: #888888;
}

/* 3. Global override for all primary buttons and badges */
.btn-primary, 
.badge-primary {
    background-color: #888888 !important;
    border-color: #888888 !important;
    color: #ffffff !important;
}

/* 4. Hover states for links to make them look nice */
a:hover {
    color: #666666 !important;
    text-decoration: underline;
}
/*** Cambio de color de la lupa ********/
/* Change the magnifying glass color to red */
.svgIcon circle, 
.svgIcon line {
    stroke: #ff0000 !important; /* This changes the blue lines to red */
}

/* Optional: If you want to change the color of the entire moving search icon container */
.svgIcon {
    color: #ff0000 !important;
}
/* Catch-all for blue borders and horizontal lines */
* {
    border-color: #888888 !important;
    outline-color: #888888 !important;
}

hr {
    background-color: #888888 !important;
    border: none;
    height: 1px;
}
/***  Cambio Marco Azul ***/
/* Cabecera de la ventana emergente */
.modal-header,
.ui-dialog-titlebar,
.popup-header,
.dialog-title {
    background: #888888 !important;
    background-color: #888888 !important;
    background-image: none !important;
}
/* 6) Caso frecuente: botones secundarios/default -> mismo estilo corporativo */
.btn-secondary,
.btn-default {
  background-color: #888888 !important;
  border-color: #888888 !important;
  color: #ffffff !important;
}