/* 1. Código para ocultar la imagen OMP/PKP (de la consulta anterior) */
img[src*="omp_brand.png"] {
    display: none !important;
}
div[role="complementary"] > a {
    display: none !important;
}

/* 2. Código para centrar el texto (nuevo) */
.pkp_structure_footer .col-md-10 {
    text-align: center;
}
.pkp_structure_footer .col-md-10 div {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* agregado despues cuidado */
/* Anular color blanco viejo */
.navbar-default .navbar-nav > li > a,
.navbar-default .nav > li > a,
.header_view .navbar-nav > li > a,
.header_view .nav > li > a {
    color: #032b70 !important; /* Color azul hopkings */
    font-weight: bold;
    padding: 15px 20px;
    background-color: transparent;
    transition: background-color 0.3s, color 0.3s;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.header_view .navbar-nav > .open > a,
.header_view .navbar-nav > .open > a:hover,
.header_view .navbar-nav > .open > a:focus {
    background-color: transparent !important;
    color: #032b70 !important; /* O el color que uses normalmente */
}

/* Hover y active */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li > a:focus {
    color: black !important;
    background-color: transparent;
}

/* Estilo "Registrarse" y "Entrar" */
.tab-list > li > a {
    color: #032b70 !important;
    font-weight: bold;
}
.tab-list > li > a:hover {
    color: black !important;
}

/* Buscador */
.search-form input[type="text"] {
    height: 30px;
    border-radius: 5px;
    border: 1px solid #ccc;
    color: #032b70;
}
.search-form button {
    height: 30px;
    border-radius: 5px;
    background-color: #032b70;
    border: none;
    color: white;
    padding: 0 15px;
}

/* Responsive */
@media (max-width: 767px) {
    #headerNavigationContainer .container-fluid {
        display: block !important;
        text-align: left;
    }
    
    /* Centramos el logo en móvil */
    .navbar-header {
        justify-content: center !important;
        text-align: center;
    }
    
    .navbar-default .navbar-nav .open .dropdown-menu>li>a, .header_view .navbar-nav .open .dropdown-menu>li>a {
        color: #000000;
    }
}

/* Centramos solo el menú principal (desktop) */
@media (min-width: 768px) {
    #nav-menu {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    #nav-menu ul.navbar-nav {
        float: none;
        display: flex;
        justify-content: center;
        gap: 20px;
    }
}

/* Botón de menú hamburguesa (normal) */
.navbar-default .navbar-toggle {
    background-color: transparent;
    border: 1px solid #009999; /* opcional: para un borde bonito */
}

/* Icon bars dentro del botón */
.navbar-default .navbar-toggle .icon-bar {
    background-color: #000000; /* barras negras */
}

/* Cuando está abierto (expanded) */
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:active {
    background-color: transparent; /* que NO cambie de color */
    box-shadow: none; /* quitar sombra si aparece */
}

/*Slider*/
#slider-homepage {
  width: 100vw;
  height: 180px; /* ✅ Altura real para que reserve espacio */
  position: relative;
  overflow: hidden;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  padding: 0;
  background-color: #eee; /* opcional para debug */
}

#slider-homepage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  position: absolute; /* ✅ Mantenemos absoluto pero ahora el padre tiene height */
  top: 0;
  left: 0;
}

#slider-homepage img.active {
  opacity: 1;
  z-index: 1;
}
a {
    color: #032b70;
    text-decoration: none;
}
a:hover {
    color: #032b70;
    text-decoration: underline;
}
.media-left img {
    max-width: 200px;
}
@media (min-width: 768px) {
    #nav-menu {
        margin-top: 20px;
    }}

.navbar-default, .header_view {
background-color: #fff;
}









/* Fuerza el diseño de dos columnas en la lista de monografías destacadas */
.cmp_monographs_list .row .col-md-12 {
    /* Asegúrate de que el contenedor de la lista de destacados use flexbox (más moderno) o float */
    display: flex;
    flex-wrap: wrap;
}

.cmp_monographs_list .row .col-md-12 > div {
    /* Fuerza al ítem individual a tomar la mitad del ancho */
    width: 50%;
    padding: 0 15px; /* Añade un espacio entre columnas */
    box-sizing: border-box; /* Incluir el padding en el ancho */
}

/* Ajuste para la vista móvil */
@media (max-width: 767px) {
    .cmp_monographs_list .row .col-md-12 > div {
        width: 100%;
    }
}