/*
 * HOJA DE ESTILOS PERSONALIZADA PARA OPEN MONOGRAPH PRESS (OMP)
 * Diseñador: Themer PKP
 * Paleta: Dorado (#BF9A58), Negro (#1b1b1b), Blanco (#FFFFFF)
 * Tipografía: Noto Serif (Títulos), Lato (Cuerpo)
*/

/* --- 1. Importación de Fuentes y Estilos Globales --- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&family=Lato:wght@300;400;700&display=swap');

body {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #1b1b1b;
    background-color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Serif', serif;
    color: #1b1b1b;
    font-weight: 700;
}

p {
    line-height: 1.6;
}

a {
    color: #BF9A58;
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover, a:focus {
    color: #1b1b1b;
    text-decoration: underline;
}

/* --- 2. Estructura Principal (Cabecera, Navegación, Pie de Página) --- */

/* Cabecera superior */
.pkp_structure_head {
    background-color: #f8f9fa; /* Un gris muy claro para diferenciar */
    border-bottom: 1px solid #e9ecef;
}

/* Barra de navegación principal */
.pkp_site_nav_menu {
    background: #1b1b1b;
    border-bottom: 4px solid #BF9A58;
}

/* Enlaces de navegación principal */
.pkp_navigation_primary li a {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #FFFFFF;
    padding: 1rem 1.2rem;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.pkp_navigation_primary li a:hover,
.pkp_navigation_primary li a:focus,
.pkp_navigation_primary li.is-current a {
    color: #BF9A58;
    background-color: transparent;
}

/* Menú desplegable */
.pkp_navigation_primary .dropdown-menu {
    background-color: #1b1b1b;
    border: 1px solid #BF9A58;
}

.pkp_navigation_primary .dropdown-menu a {
    color: #FFFFFF;
}

.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:focus {
    color: #1b1b1b;
    background-color: #BF9A58;
}

/* Navegación de usuario y búsqueda */
.pkp_navigation_user a,
.pkp_navigation_search_wrapper a {
    color: #FFFFFF;
}
.pkp_navigation_user a:hover,
.pkp_navigation_search_wrapper a:hover {
    color: #BF9A58;
}
.pkp_navigation_user .task_count {
    background: #BF9A58;
    color: #1b1b1b;
    font-weight: 700;
}

/* Pie de página */
.pkp_structure_footer_wrapper {
    background: #1b1b1b;
    color: #FFFFFF;
    padding-top: 40px;
    padding-bottom: 40px;
}
.pkp_structure_footer_wrapper a {
    color: #BF9A58;
}
.pkp_structure_footer_wrapper a:hover {
    color: #FFFFFF;
}

/* Ocultar el branding por defecto de PKP */
.pkp_brand_footer {
    display: none;
}

/* --- 3. Componentes de Interfaz (Botones, Formularios, Notificaciones) --- */

/* Botones y enlaces de descarga */
.cmp_button,
.cmp_download_link,
.cmp_form .buttons button,
.obj_monograph_full .files .link a {
    background: #BF9A58;
    border: 2px solid #BF9A58;
    color: #FFFFFF !important;
    text-shadow: none;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    border-radius: 5px;
    padding: 10px 20px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.cmp_button:hover,
.cmp_button:focus,
.cmp_download_link:hover,
.cmp_form .buttons button:hover,
.obj_monograph_full .files .link a:hover {
    background: #1b1b1b;
    border-color: #1b1b1b;
    color: #FFFFFF !important;
}

/* Migas de pan (Breadcrumbs) */
.cmp_breadcrumbs a {
    color: #BF9A58;
    font-weight: 700;
}
.cmp_breadcrumbs a:hover {
    color: #1b1b1b;
}

/* Notificaciones */
.cmp_notification {
    border-left: 5px solid #BF9A58;
    background-color: #fdfae1;
}

/* Formularios */
.cmp_form .label {
    font-family: 'Noto Serif', serif;
    font-weight: 700;
}

/* --- 4. Páginas Específicas (Catálogo, Detalles de Monografía) --- */

/* Página del Catálogo */
.page_catalog .obj_monograph_catalog .title {
    font-family: 'Noto Serif', serif;
}
.page_catalog .obj_monograph_catalog .series,
.page_catalog .obj_monograph_catalog .author {
    font-family: 'Lato', sans-serif;
    font-size: 0.9em;
    color: #555;
}

/* Página de Detalles de la Monografía */
.obj_monograph_full .page_title {
    font-size: 2.5em;
}
.obj_monograph_full .authors,
.obj_monograph_full .value {
    font-family: 'Lato', sans-serif;
}

/* Barra de descarga del PDF */
.header_viewable_file {
    background: #1b1b1b;
}
.header_viewable_file a {
    color: #FFFFFF;
}
.header_viewable_file a:hover,
.header_viewable_file .download:hover {
    background: #BF9A58;
    color: #1b1b1b;
}

/* --- 5. Diseño Responsivo --- */
@media (max-width: 992px) {
    /* Ajustes para tablets */
    .pkp_navigation_primary li a {
        padding: 0.8rem 1rem;
    }
}

@media (max-width: 768px) {
    /* Ajustes para móviles */
    .pkp_site_name .is_img img {
        max-width: 200px; /* Ajustar el tamaño del logo en móviles */
    }

    /* En el menú móvil, los enlaces pueden necesitar un color diferente */
    .pkp_nav_list ul a {
        color: #1b1b1b;
        padding: 10px;
        border-bottom: 1px solid #eee;
    }
    .pkp_nav_list ul a:hover {
        color: #FFFFFF;
        background: #BF9A58;
    }

    /* Ajustar botones en móviles para que no sean tan grandes */
    .cmp_button, .cmp_download_link {
        padding: 8px 15px;
        font-size: 0.9em;
    }
}