/* ===================================================
   ESTILO INSTITUCIONAL - UMSA POSTGRADO DERECHO & POLÍTICAS
   Colores: Azul (#0B2A4F) | Verde Aqua (#89BEC4) | Plomo (#989797)
   =================================================== */

:root {
    --color-azul: #0B2A4F;
    --color-verde: #89BEC4;
    --color-plomo: #989797;
    --color-plomo-claro: #F4F6F8;
    --color-texto: #333333;
}

/* 1. Cabecera superior estructurada en columna */
.pkp_structure_head {
    background-color: #FFFFFF !important;
    padding: 0 !important;
    margin: 0 !important;
    border-top: 4px solid var(--color-azul) !important;
    border-bottom: 2px solid var(--color-verde) !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 2. Barra de accesos de usuario a la derecha */
.pkp_navigation_user_wrapper {
    display: flex !important;
    justify-content: flex-end !important;
    padding: 10px 25px 0 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    z-index: 100 !important;
}

.pkp_navigation_user {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    gap: 8px !important;
}

.pkp_navigation_user > li {
    display: inline-block !important;
}

.pkp_navigation_user > li > a {
    color: var(--color-azul) !important;
    background-color: #FFFFFF !important;
    border: 1px solid var(--color-azul) !important;
    font-weight: 700 !important;
    font-size: 0.8rem !important;
    padding: 4px 12px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out;
}

.pkp_navigation_user > li > a:hover {
    background-color: var(--color-azul) !important;
    color: #FFFFFF !important;
}

/* 3. Contenedor del banner central con margen inferior */
.pkp_site_name_wrapper {
    background-color: #FFFFFF !important;
    padding: 0 0 15px 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
}

.pkp_site_name {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

.pkp_site_name a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_site_name img, 
.pkp_site_name .is_img img {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 180px !important;
    object-fit: fill !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* 4. Barra de navegación alineada a la izquierda y contenida */
.pkp_navigation_primary_wrapper {
    background-color: var(--color-azul) !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 25px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.pkp_navigation_primary {
    display: flex !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
}

.pkp_navigation_primary > li {
    display: inline-block !important;
    margin: 0 !important;
}

.pkp_navigation_primary > li > a {
    color: #FFFFFF !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 0.5px;
    padding: 12px 18px !important;
    display: inline-block !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    background-color: var(--color-verde) !important;
    color: var(--color-azul) !important;
}

/* Buscador empujado automáticamente hacia el extremo derecho */
.pkp_navigation_primary_wrapper .pkp_search_wrapper,
.pkp_navigation_primary_wrapper form {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
}

/* 5. Títulos y Encabezados */
h1, h2, h3, h4, .pkp_page_title {
    color: var(--color-azul) !important;
    font-weight: 700;
}

.obj_issue_toc .heading {
    border-bottom: 2px solid var(--color-verde);
    color: var(--color-azul);
    padding-bottom: 8px;
    margin-bottom: 20px;
}

/* 6. Enlaces generales y Botones de Artículos/PDF */
a {
    color: var(--color-azul);
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

a:hover {
    color: #4A9CA6;
    text-decoration: underline;
}

.obj_galley_link {
    background-color: var(--color-verde) !important;
    color: var(--color-azul) !important;
    border-radius: 4px;
    padding: 6px 14px;
    font-weight: 700;
    border: 1px solid var(--color-verde);
    transition: all 0.2s ease;
}

.obj_galley_link:hover {
    background-color: var(--color-azul) !important;
    color: #FFFFFF !important;
    border-color: var(--color-azul);
    text-decoration: none;
}

/* 7. Barra Lateral (Sidebar) */
.pkp_structure_sidebar {
    background-color: var(--color-plomo-claro);
    padding: 16px;
    border-radius: 6px;
    border: 1px solid #E2E8F0;
}

.pkp_block .title {
    background-color: var(--color-azul);
    color: #FFFFFF !important;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 0.92rem;
    text-transform: uppercase;
    margin-bottom: 12px;
    border-left: 5px solid var(--color-verde);
}

/* 8. Pie de Página */
.pkp_structure_footer_wrapper {
    background-color: var(--color-azul) !important;
    color: #FFFFFF !important;
    border-top: 4px solid var(--color-verde);
    padding-top: 35px;
    padding-bottom: 30px;
}

.pkp_structure_footer_wrapper a {
    color: var(--color-verde);
}

.pkp_structure_footer_wrapper a:hover {
    color: #FFFFFF;
}