.elementor-23211 .elementor-element.elementor-element-f1dc72a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;}.elementor-23211 .elementor-element.elementor-element-61c4d11{color:#000000;width:var( --container-widget-width, 45.119% );max-width:45.119%;--container-widget-width:45.119%;--container-widget-flex-grow:0;}.elementor-23211 .elementor-element.elementor-element-61c4d11.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-23211 .elementor-element.elementor-element-884b615{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-23211 .elementor-element.elementor-element-0b22f78{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;}.elementor-23211 .elementor-element.elementor-element-49aa70d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-23211 .elementor-element.elementor-element-49aa70d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-23211 .elementor-element.elementor-element-45d96c0{color:#000000;width:var( --container-widget-width, 49.442% );max-width:49.442%;--container-widget-width:49.442%;--container-widget-flex-grow:0;}.elementor-23211 .elementor-element.elementor-element-45d96c0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-23211 .elementor-element.elementor-element-d86e09b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-23211 .elementor-element.elementor-element-53e1db0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-23211 .elementor-element.elementor-element-4b5dc93{--display:flex;--min-height:0px;--background-transition:0.3s;}.elementor-23211 .elementor-element.elementor-element-4b5dc93:not(.elementor-motion-effects-element-type-background), .elementor-23211 .elementor-element.elementor-element-4b5dc93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-23211 .elementor-element.elementor-element-4b5dc93, .elementor-23211 .elementor-element.elementor-element-4b5dc93::before{--border-transition:0.3s;}.elementor-23211 .elementor-element.elementor-element-4b5dc93.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-23211 .elementor-element.elementor-element-8c525d2 > .elementor-widget-container{margin:0px 0px 0px 0px;background-color:#FFFFFF;}.elementor-23211 .elementor-element.elementor-element-8c525d2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-23211 .elementor-element.elementor-element-4e4efe2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:-390px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23211 .elementor-element.elementor-element-68b57a0{--display:flex;--background-transition:0.3s;}.elementor-23211 .elementor-element.elementor-element-dc7ecca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-23211 .elementor-element.elementor-element-b405a93{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-23211 .elementor-element.elementor-element-b405a93.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-23211 .elementor-element.elementor-element-175ca89{width:100%;max-width:100%;}@media(min-width:768px){.elementor-23211 .elementor-element.elementor-element-884b615{--width:49%;}.elementor-23211 .elementor-element.elementor-element-49aa70d{--width:46.991%;}.elementor-23211 .elementor-element.elementor-element-4b5dc93{--width:102.512%;}.elementor-23211 .elementor-element.elementor-element-b405a93{--width:83.023%;}}@media(max-width:767px){.elementor-23211 .elementor-element.elementor-element-61c4d11{width:var( --container-widget-width, 312.538px );max-width:312.538px;--container-widget-width:312.538px;--container-widget-flex-grow:0;}.elementor-23211 .elementor-element.elementor-element-45d96c0{width:var( --container-widget-width, 305.575px );max-width:305.575px;--container-widget-width:305.575px;--container-widget-flex-grow:0;}.elementor-23211 .elementor-element.elementor-element-4e4efe2{--margin-top:1px;--margin-bottom:1px;--margin-left:1px;--margin-right:1px;}}/* Start custom CSS for html, class: .elementor-element-d1c7a3f *//* --- Variables de estilo del Organigrama --- */
:root {
  /* Colores */
  --color-strategic: #b4cbe5;
  --color-mission: #d9e2ee;
  --color-support: #f6e6c4;
  --color-blue-dark: #2a6889;
  --color-white: #ffffff;
  --color-gray-dark: #585858;
  --line-color: #999;
  --title-color: #000000; /* Color del título: Amarillo corporativo */

  /* Fuentes y tamaños */
  --font-family: 'Arial', sans-serif;
  --title-font-size: 2.5em; /* Tamaño del título */
  --title-font-weight: bold;
  --node-font-size: 1em; /* Tamaño de la fuente de los nodos */
  --node-width: 250px;
  --node-height: auto;
  --gap: 20px;

  /* Sombras y transiciones */
  --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  --hover-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
  --transition-speed: 0.3s;
}

/* --- Estilos generales del contenedor y los nodos --- */
.organigram-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: var(--font-family);
  padding: 40px 20px;
  position: relative;
}

/* --- Estilo del Título del Organigrama --- */
.organigram-title {
  color: var(--title-color);
  font-family: var(--font-family); /* Puedes cambiar la fuente aquí */
  font-size: var(--title-font-size); /* Puedes cambiar el tamaño aquí */
  font-weight: var(--title-font-weight); /* Puedes cambiar el peso aquí (ej: bold, 400, 700) */
  text-align: center;
  margin-bottom: 40px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* --- Estilos de los nodos (cajas) --- */
.organigram-node {
  width: var(--node-width);
  min-height: 50px;
  padding: 10px 15px;
  text-align: center;
  font-weight: bold;
  box-shadow: var(--box-shadow);
  transition: transform var(--transition-speed) ease-in-out, box-shadow var(--transition-speed) ease-in-out;
  cursor: default;
  position: relative;
  box-sizing: border-box;
  font-size: var(--node-font-size); /* Puedes cambiar el tamaño de la fuente de los nodos aquí */
}

.organigram-node:hover {
  transform: scale(1.05);
  box-shadow: var(--hover-shadow);
}

.node-title {
  display: block;
  font-size: 1em;
  margin-bottom: 5px;
}

/* --- Colores de los nodos --- */
.strategic {
  background-color: var(--color-strategic);
  color: var(--color-gray-dark);
}

.mission {
  background-color: var(--color-mission);
  color: var(--color-gray-dark);
}

.support {
  background-color: var(--color-support);
  color: var(--color-gray-dark);
}

.strategic-vp {
  background-color: var(--color-blue-dark);
  color: var(--color-white);
}

.follow-up {
  background-color: var(--color-white);
  color: var(--color-gray-dark);
  border: 1px solid var(--color-blue-dark);
}

.follow-up.support {
  border-color: var(--color-support);
}

/* --- Estilos de la estructura --- */
.organigram-level {
  display: flex;
  justify-content: center;
  gap: var(--gap);
  width: 100%;
  margin-top: var(--gap);
  position: relative;
}

.organigram-branch {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap);
    position: relative;
}

/* --- Líneas de conexión (más simples y estables) --- */
.organigram-line-vertical {
  width: 2px;
  height: 20px;
  background-color: var(--line-color);
}

.organigram-line-horizontal {
  width: 100%;
  height: 2px;
  background-color: var(--line-color);
  margin-top: -20px;
}

/* Estilo para las líneas de la presidencia */
.presidencia-branches {
    display: flex;
    justify-content: center;
    gap: 100px;
    margin-top: 20px;
    position: relative;
}

/* Estilo para las líneas de los VPs */
.vps-branches {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
    position: relative;
}

/* --- Estilos del Tooltip --- */
.tooltip-text {
  visibility: hidden;
  position: absolute;
  z-index: 1000;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  
  width: auto;
  max-width: 300px;
  white-space: normal;
  
  background-color: #000;
  color: #FFD700;
  padding: 10px;
  border-radius: 6px;
  box-shadow: var(--hover-shadow);
  font-size: 14px;
  font-weight: normal;
  text-align: justify;
  line-height: 1.4;
  
  opacity: 0;
  transition: opacity 0.3s ease;
}

.tooltip-text::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}

.organigram-node:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

/* --- Estilos de la Leyenda --- */
.organigram-legend {
  position: absolute;
  left: 20px;
  bottom: 20px;
  font-size: 0.9em;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
}

.legend-item {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.legend-box {
  width: 20px;
  height: 10px;
  margin-right: 10px;
  border: 1px solid #000;
}

/* --- Responsive Design --- */
@media (max-width: 768px) {
  .organigram-container {
    padding: 20px 10px;
  }
  .organigram-level, .presidencia-branches, .vps-branches {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
  .organigram-node {
    width: 100%;
  }
  .organigram-line-horizontal, .organigram-line-vertical {
    display: none;
  }
  .organigram-legend {
    position: static;
    margin-top: 20px;
  }
  .tooltip-text {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c2ab1a2 *//* --- ESTILOS DEL TÍTULO DEL DIRECTORIO --- */

/* Contenedor principal para el título */
.directory-title-container {
    padding: 20px 0; /* Espacio arriba y abajo del título */
    text-align: center; /* Centra el título horizontalmente */
    width: 100%; /* Ocupa el ancho completo */
}

/* Estilo del título */
.directory-title {
    /* Color: Puedes cambiarlo a tu gusto */
    color: #000000; /* Color negro como se solicitó */

    /* Fuente: Si deseas usar una fuente específica de Google Fonts, debes importarla en tu tema */
    font-family: 'Arial', sans-serif; /* Puedes cambiar la fuente aquí */
    
    /* Tamaño y peso: Puedes ajustar el tamaño y el grosor de la fuente */
    font-size: 2.5em; /* Tamaño de la fuente (2.5 veces el tamaño base) */
    font-weight: bold; /* Grosor de la fuente */
    
    /* Otros estilos profesionales */
    letter-spacing: 1px; /* Espaciado entre letras para un estilo más formal */
    text-transform: uppercase; /* Convierte el texto a mayúsculas */
    margin: 0; /* Elimina los márgenes predeterminados del h1 */
}

/* --- Responsive Design --- */
@media (max-width: 768px) {
    .directory-title {
        font-size: 1.8em; /* Reduce el tamaño del título en móviles */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ecdc1a1 *//* ========================================= */
/* 1. VARIABLES CSS (Modularidad y Colores)  */
/* ========================================= */
:root {
    --color-principal: #FFCD00; /* Amarillo solicitado */
    --color-texto-negro: #000000;
    --color-fondo-gris: #F0F0F0; /* Gris para el fondo del botón */
    --color-fondo-hover: #000000; /* Negro para el hover del botón */
    --espaciado-lg: 30px;
    --espaciado-md: 20px;
    --transicion-base: 0.3s ease;
    /* VARIABLE DE FUENTE: Agregada Arial como fuente principal */
    --fuente-base: 'Arial', sans-serif;
}

/* ========================================= */
/* 2. Estilos Globales de la Sección         */
/* ========================================= */
.webmaster-funciones-deberes {
    /* Aplicación de la fuente Arial a todo el contenedor */
    font-family: var(--fuente-base);
    /* Padding para separar del borde de la sección */
    padding: var(--espaciado-md);
    text-align: center; /* Centra el título y contenedores */
}

/* ========================================= */
/* 3. Título Principal (h2)                  */
/* ========================================= */
.webmaster-titulo {
    color: var(--color-principal); /* Color Amarillo solicitado */
    font-size: 2.5em; /* Tamaño de fuente grande */
    font-weight: 700; /* Negrita */
    margin-bottom: var(--espaciado-lg);
    line-height: 1.2;
    text-transform: capitalize;
}

/* ========================================= */
/* 4. Lista de Funciones (ul y li)           */
/* ========================================= */
.webmaster-lista-funciones {
    list-style: none; /* Elimina los bullets nativos */
    padding: 0;
    margin-bottom: var(--espaciado-lg);
    text-align: left; /* Alinea el texto de la lista a la izquierda */
}

.webmaster-lista-item {
    color: var(--color-texto-negro); /* Color de texto negro */
    margin-bottom: 15px;
    padding-left: var(--espaciado-lg); /* Espacio para el ícono personalizado */
    position: relative;
    line-height: 1.6;
    font-size: 1em;
}

/* Ícono de 'Chulito' (Checkmark) usando el pseudo-elemento ::before */
.webmaster-lista-item::before {
    content: "\2713"; /* Código Unicode para el chulito (✓) */
    /* Usamos Arial para el ícono por consistencia y soporte */
    font-family: var(--fuente-base); 
    color: var(--color-principal); /* Color Amarillo solicitado */
    font-weight: 900; /* Para que el chulito sea más grueso */
    position: absolute;
    left: 0; /* Posiciona el ícono al inicio del padding */
    top: 0;
    font-size: 1.2em;
}

/* ========================================= */
/* 5. Contenedor y Estilos de Botones        */
/* ========================================= */
.webmaster-botones-container {
    display: flex; /* Activa Flexbox */
    flex-wrap: wrap; /* Permite que los botones salten de línea en móvil */
    gap: 15px; /* Espacio entre los botones */
    justify-content: center; /* Centra los botones horizontalmente */
    margin-top: var(--espaciado-lg);
}

.webmaster-boton {
    /* Estilos base del botón */
    display: inline-flex; /* Asegura que Flexbox funcione y se centre el texto */
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 12px 25px;
    border: none;
    border-radius: 5px;
    text-decoration: none; /* Quita el subrayado del enlace */
    font-weight: 600;
    white-space: nowrap; /* Evita que el texto del botón se rompa */
    
    /* Colores Iniciales */
    background-color: var(--color-fondo-gris); /* Gris */
    color: var(--color-texto-negro); /* Negro */

    /* Transiciones para el efecto Hover */
    transition: background-color var(--transicion-base), 
                color var(--transicion-base), 
                transform var(--transicion-base);
}

/* Efecto Hover */
.webmaster-boton:hover {
    /* Colores de Hover */
    background-color: var(--color-fondo-hover); /* Fondo Negro */
    color: var(--color-principal); /* Texto Amarillo */
    
    /* Efecto de Zoom Sutil (Escala) */
    transform: scale(1.03); 
    cursor: pointer;
}

/* ========================================= */
/* 6. Responsividad (Media Queries)          */
/* ========================================= */

/* Adaptación para Tabletas y Móviles */
@media (max-width: 768px) {
    .webmaster-titulo {
        font-size: 2em; /* Reduce el tamaño del título */
    }

    /* En pantallas pequeñas, los botones se expanden al ancho completo para mejor toque */
    .webmaster-botones-container {
        gap: 10px; /* Reducción de espacio entre botones */
    }

    .webmaster-boton {
        flex-grow: 1; /* Permite que cada botón ocupe más espacio */
        min-width: 45%; /* Asegura que al menos 2 quepan por fila antes de stackearse */
        padding: 10px 15px; /* Ajusta el padding para móviles */
    }
}

/* Adaptación específica para Teléfonos pequeños */
@media (max-width: 480px) {
    .webmaster-boton {
        min-width: 100%; /* Cada botón ocupa una fila completa */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-141369e *//* Estilos generales */
.recursos-humanos-seccion {
    font-family: Arial, sans-serif;
    color: #333;
    padding: 20px;
    text-align: center;
}

/* Estilos del título principal */
.recursos-humanos-seccion h2 {
    color: #FFCD00; /* Amarillo/Dorado */
    font-size: 2.5em;
    margin-bottom: 25px;
    font-weight: bold;
}

/* Estilos de las sub-secciones */
.recursos-humanos-seccion h3 {
    color: #000000; /* Azul */
    font-size: 1.5em;
    margin-top: 35px;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: left;
    border-bottom: 2px solid #3d85c6;
    padding-bottom: 5px;
}

/* Estilos de la lista de documentos */
.recursos-humanos-seccion ul {
    list-style-type: none;
    padding: 0;
    margin: 0 auto 30px;
    max-width: 900px;
    text-align: left;
}

.recursos-humanos-seccion li {
    margin-bottom: 15px;
    padding-left: 25px;
    position: relative;
    line-height: 1.6;
    font-size: 1em;
}

.recursos-humanos-seccion li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #FFCD00;
    font-weight: bold;
}

/* Estilos de los enlaces */
.recursos-humanos-seccion a {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease;
}

.recursos-humanos-seccion a:hover {
    color: #FFCD00;
    text-decoration: underline;
}

/* Estilos del nuevo botón */
.btn-ofertas {
    display: inline-block;
    background-color: #FFCD00;
    color: #000000; /* Color de texto para alta visibilidad */
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase; /* Mayúsculas para mayor prominencia */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, transform 0.3s ease;
    animation: pulse 2s infinite;
    margin-top: 20px;
}

.btn-ofertas:hover {
    background-color: #000000; /* Color amarillo al pasar el ratón */
    transform: translateY(-3px);
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(61, 133, 198, 0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(61, 133, 198, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(61, 133, 198, 0);
    }
}

/* Media Queries para responsividad */
@media (max-width: 768px) {
    .recursos-humanos-seccion ul, .recursos-humanos-seccion h3 {
        text-align: center;
    }

    .recursos-humanos-seccion li {
        padding-left: 0;
        text-align: center;
    }

    .recursos-humanos-seccion li::before {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-175ca89 */:root {
    --color-primario: #CDCDCD; /* Gris */
    --color-secundario: #FFCD00; /* Amarillo */
    --color-fondo: #fCDCDCD;
    --color-texto-oscuro: #222;
    --color-texto-claro: #555;
    --sombra-tarjeta: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.contenedor-entidades {
    width: 95%;
    max-width: 1200px;
    margin: 20px auto;
    padding: 20px;
    box-sizing: border-box;
    background-color: var(--color-fondo);
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
    margin-bottom: 25px;
}

#titulo-entidades {
    color: var(--color-primario);
    font-size: 2.5em;
    text-align: center;
    margin-bottom: 30px;
    opacity: 0;
    transform: translateY(30px);
    transition: transform 0.5s ease-out, opacity 0.5s ease-out 0.2s;
}

.filtro-container {
    text-align: center;
    margin-bottom: 30px;
}

.botones-flotantes {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.boton-sigep {
    background-color: var(--color-primario);
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, transform 0.3s ease;
    text-align: center;
}

.boton-sigep:hover {
    background-color: #000000;
    transform: translateY(-2px);
}

#buscador-entidades {
    width: 100%;
    max-width: 400px;
    padding: 10px 20px;
    border: 2px solid #ccc;
    border-radius: 25px;
    font-size: 1.1em;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

#buscador-entidades:focus {
    outline: none;
    border-color: var(--color-primario);
    box-shadow: 0 0 8px rgba(61, 133, 198, 0.5);
}

.directorio-entidades {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
}

.tarjeta-entidad {
    position: relative;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: var(--sombra-tarjeta);
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.tarjeta-entidad:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.logo-container {
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: 3px solid var(--color-secundario);
    transition: transform 0.3s ease;
}

.tarjeta-entidad:hover .logo-container {
    transform: rotate(360deg);
}

.logo-circular {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 5px
}

.tarjeta-entidad h3 {
    margin: 10px 0;
    color: var(--color-texto-oscuro);
    font-weight: 700;
    font-size: 1.3em;
    min-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tarjeta-entidad .sitio-web {
    color: var(--color-texto-claro);
    font-size: 0.9em;
    margin-bottom: 0;
}

.tarjeta-entidad .sitio-web a {
    color: var(--color-primario);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.tarjeta-entidad .sitio-web a:hover {
    color: var(--color-secundario);
}

/* Media Queries para Responsive Design */
@media (max-width: 768px) {
    .contenedor-entidades {
        width: 100%;
        padding: 15px;
        margin: 10px auto;
    }
    
    #titulo-entidades {
        font-size: 2em;
    }

    .filtro-container {
        flex-direction: column;
    }

    .botones-flotantes {
        flex-direction: column;
        width: 100%;
    }

    .directorio-entidades {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .boton-sigep {
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */