/*---------------------ESTILOS PRINCIPALES PARA REISITAL OJS----------------------------*/

/*---------------------Estilos para el menú de navegación----------------------------*/
/* Menús principales */
#navigationPrimary > li > a {
    color: #ffffff !important;
    background-color: transparent !important;  
}

/* Submenús */
#navigationPrimary li ul li a {
    color: #23719d !important;
    background-color: transparent !important;  
}

/* Hover */
#navigationPrimary > li > a:hover {
    color: #58a49c !important;
    background-color: #ffffff !important;
}

#navigationPrimary li ul li a:hover {
    color: #093950 !important;
    background-color: #dddddd !important;
}

/* Enlaces activos (seleccionados) */
#navigationPrimary > li.current > a,
#navigationPrimary > li.active > a {
    color: #58a49c !important;
    background-color: #ffffff !important;
}

#navigationPrimary li ul li.current > a,
#navigationPrimary li ul li.active > a {
    color: #093950 !important;
    background-color: #dddddd !important;
}

/* Mantener fondo transparente al hacer click o enfocar */

#navigationPrimary > li > a:focus,
#navigationPrimary li ul li a:focus {
    outline: none; 
}


#pkpDropdown2 {
    color: #ffffff !important;                 
}

.dropdown-menu .profile a {
    color: #23719d !important;
}

.dropdown-menu .profile a:hover {
    color: #23719d !important;
    background-color: #dddddd !important;
}



/*---------------------Estilos para el menú de navegación----------------------------*/







/*--------------------Estilos para la sección de búsqueda--------------*/
/*.pkp_search.pkp_search_desktop,
.pkp_search.pkp_search_desktop span {
    color: #ffffff !important; 
}*/


.pkp_search.pkp_search_desktop {
    color: #ffffff !important; /* texto en blanco */
    background-color: transparent !important; /* fondo transparente */
    text-decoration: none !important; /* quitar subrayado */
    padding: 8px 15px !important; /* espaciado interno */
    border-radius: 4px !important; /* bordes redondeados */
    /*border: 1px solid rgba(255, 255, 255, 0.3) !important; /* borde sutil */
    display: inline-flex !important; /* alinear ícono y texto */
    align-items: center !important; /* centrar verticalmente */
    gap: 8px !important; /* espacio entre ícono y texto */
}

.pkp_search.pkp_search_desktop:hover {
    color: #58a49c !important; /* color verde-azulado al hover */
    background-color: #ffffff !important; /* fondo blanco al hover */
    transform: scale(1.05); /* efecto de escala */
    transition: all 0.3s ease !important; /* transición suave */
}

/* Estilos específicos para el ícono */
.pkp_search.pkp_search_desktop .fa-search {
    color: inherit !important; /* heredar color del enlace padre */
}



/*--------------------Estilos para la sección de búsqueda--------------*/








/*---------------Estilos para el perfil de usuario---------------*/
.profile a{
    color: #ffffff !important;
}

.profile a:hover{
    color: #e0e0e0 !important;
}
/*---------------Estilos para el perfil de usuario---------------*/







/*---------------------Estilos para el pie de página----------------------------*/

/* Fondo del contenedor del footer */
.pkp_structure_footer_wrapper {
    background-color: #0c1418 !important; 
    color: #ffffff !important;             
}

/* Texto del contenido del footer */
.pkp_structure_footer_wrapper .pkp_footer_content {
    color: #ffffff !important;             
}

/* Enlaces dentro del footer */
.pkp_structure_footer_wrapper a {
    color: #ffffff !important;             
}

.pkp_structure_footer_wrapper a:hover {
    color: #cccccc !important;             
}

/*-----------------------------------*/
div[style*="transition"] :hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(0,0,0,0.3);
}
/*---------------------Estilos para el pie de página----------------------------*/









/*----------------------------Estilos para cards---------------------------*/
/*comite editorial, asistentes internos y externos */
#card-container {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
    margin: 40px 0;
}

.card {
    width: 230px;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    background: #fff;
    overflow: hidden;
    text-align: center;
    font-family: 'Segoe UI', Arial, sans-serif;
}

.card-img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    background: #f3f3f3;
}

#nombre {
    font-size: 1.2rem;
    font-weight: bold;
    color: #1a2a5a;
    margin: 18px 0 6px 0;
}

#cargo {
    font-size: 1rem;
    color: #888;
    margin-bottom: 18px;
}
/*----------------------------Estilos para cards---------------------------*/








/*----------------------------Estilos para cards---------------------------*/
/* Contenedor principal para las cajas de carreras */
.carreras-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Estilos para cajas de carreras */
.caja {
    padding: 20px 30px;
    border-radius: 8px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    font-size: 1rem;
    min-width: 180px;
    max-width: 220px;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    flex: 1 1 calc(25% - 15px); 
}

.caja:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}

/* Responsive design */
@media (max-width: 1024px) {
    .caja {
        flex: 1 1 calc(33.333% - 15px); 
    }
}

@media (max-width: 768px) {
    .caja {
        flex: 1 1 calc(50% - 10px); 
    }
    
    .carreras-container {
        gap: 15px;
        padding: 15px;
    }
}

@media (max-width: 480px) {
    .caja {
        flex: 1 1 100%; 
        min-width: unset;
    }
}
/*----------------------------Estilos para cards---------------------------*/