/* 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%;
    }
}

.label {
color: #2c3e50;
font-size: 100%;
}

	/* --- TÍTULO Y MÁRGENES DE BLOQUE --- */
	.obj_monograph_full .title, 
	.obj_monograph_full .main_entry, 
	.obj_monograph_full .entry_details 
	{
    	margin-bottom: 2.857rem; /* Espacio inferior entre bloques */
	}

/* --- ESTILO DEL TÍTULO DE MONOGRAFÍA --- */
.obj_monograph_full .title {
    margin: 0;
    font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

	/* --- ESTRUCTURA DE COLUMNAS (Desktop) --- */
	@media (min-width: 768px) {
	    /* Contenedor principal de filas (añade bordes superior e inferior al bloque de contenido) */
	    .obj_monograph_full .row {
	        margin-left: -1.43rem;
	        margin-right: -1.43rem;
	        border-top: 1px solid #ddd;
	        border-bottom: 1px solid #ddd;
	    }

    /* El truco de Bootstrap para limpiar flotantes */
    .obj_monograph_full .row:before, 
    .obj_monograph_full .row:after {
        content: " ";
        display: table;
    }
    .obj_monograph_full .row:after {
        clear: both;
    }

    /* Columna Principal (Autores, Resumen) */
    .obj_monograph_full .main_entry {
        float: left;
        width: 428px; /* O usa un porcentaje: width: 60%; */
        margin: 10px;
        padding: 1.43rem;
        border-right: 1px solid #ddd; /* LÍNEA DIVISORIA VERTICAL */
    }

    /* Columna Lateral (Detalles, Cubierta, ISBN) */
    .obj_monograph_full .entry_details {
        float: left;
        width: 300px; /* O usa un porcentaje: width: 40%; */
        margin: 0 0 0 10px; /* El -1px es para ocultar el borde izquierdo que no debe existir */
        border-top: none; 
        /* QUITAR: border-left: 1px solid #ddd; para evitar la doble línea */
    }
}

/* --- ESTILO MÓVIL (para detalles) --- */
.obj_monograph_full .entry_details {
    margin-left: -1.43rem;
    margin-right: -1.43rem;
    border-top: 1px solid #ddd; /* Borde horizontal en móvil */
}

.obj_monograph_full .cover img {
    display: block;
    margin: 0 auto;
}
img {
    max-width: 100%;
    width: auto;
    height: auto;
}
img {
    border-style: none;
}



img {
    overflow-clip-margin: content-box;
    overflow: clip;
}


.obj_monograph_full .entry_details .item {
    padding: 1.43rem .714rem;
    border-bottom: 1px solid #ddd;
    word-wrap: break-word;
}

@media (min-width: 768px) {
    .obj_monograph_full .entry_details .item {
        margin-right: -1px;
        padding: 1.43rem;
        border-bottom: 1px solid #ddd;
    }
}

.obj_monograph_full .files .pub_format_remote a, .obj_monograph_full .files .pub_format_single a {
    width: 100%;
    text-align: center;
}


.obj_monograph_full .files>div:last-child, .obj_monograph_full .files .value li:last-child {
    margin-bottom: 0;
}

.obj_monograph_full .files>div:before, .obj_monograph_full .files .value li:before, .obj_monograph_full .files>div:after, .obj_monograph_full .files .value li:after {
    content: " ";
    display: table;
}

.obj_monograph_full .files>div:after, .obj_monograph_full .files .value li:after {
    clear: both;
}
.obj_monograph_full .files>div:before, .obj_monograph_full .files .value li:before, .obj_monograph_full .files>div:after, .obj_monograph_full .files .value li:after {
    content: " ";
    display: table;
}


/* Estilo para el botón de descarga de PDF */
.pub_format_2.pub_format_single .cmp_download_link {
    /* Fondo del botón */
    background-color: #8C989C; /* Color gris similar al de la imagen */
    color: #FFFFFF; /* Color del texto blanco */
    
    /* Padding y diseño */
    padding: 10px 20px; /* Espaciado interno */
    border-radius: 5px; /* Bordes ligeramente redondeados */
    text-decoration: none; /* Quitar el subrayado por defecto del enlace */
    font-family: Arial, sans-serif; /* Fuente similar a la de la imagen */
    font-size: 16px; /* Tamaño de fuente */
    font-weight: normal; /* Grosor de la fuente */
    display: inline-block; /* Para que el padding y el width funcionen */
    
    /* Sombra (opcional, para darle un poco de profundidad) */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    
    /* Centrar el texto (si el botón es más ancho que el texto) */
    text-align: center;
}

/* Estilo al pasar el ratón por encima (hover) */
.pub_format_2.pub_format_single .cmp_download_link:hover {
    background-color: #7a868a; /* Un gris un poco más oscuro al pasar el ratón */
    color: #f0f0f0; /* Un blanco roto al pasar el ratón */
    cursor: pointer; /* Cambiar el cursor a una mano */
}

/* Estilo para el texto subrayado dentro del botón (si lo deseas) */
.pub_format_2.pub_format_single .cmp_download_link span.pkp_screen_reader {
    /* Puedes ajustar o esconder texto para lectores de pantalla si es necesario */
    /* display: none; */
}

/* Si quieres añadir un icono (como el de "Enviar un artículo" que es un sobre),
   podrías usar un pseudo-elemento :before con una fuente de iconos (Font Awesome) */
/* Ejemplo con Font Awesome (requiere que FA esté cargado en tu OMP) */
/*
.pub_format_2.pub_format_single .cmp_download_link:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f093"; // Código para el icono de descarga (fa-download)
    margin-right: 8px;
}
*/