/* ==========================================================================
   Adaptación responsiva de la barra lateral (Sidebar) y bloques laterales
   Evita que los bloques desaparezcan en tablets y móviles; se adaptan
   debajo del contenido principal, con cada bloque ocupando el 100%
   del ancho en su fila (1 columna completa a todo lo ancho).
   ========================================================================== */

/* 1. En pantallas de escritorio amplias (>= 1280px / xl) */
@media (min-width: 1280px) {
    .metabiblioteca-portal-wrapper {
        display: flex !important;
        flex-direction: row !important;
    }

    .metabiblioteca-portal-wrapper > main,
    body:not(.pkp_page_login):not(.pkp_page_user) > .relative.mx-auto.flex.w-full > main {
        flex: 1 1 0 !important;
        min-width: 0 !important;
    }

    .metabiblioteca-global-sidebar {
        display: block !important;
        align-self: start;
        flex: 0 0 17.5rem !important;
        width: 17.5rem !important;
        min-width: 17.5rem !important;
        max-width: 17.5rem !important;
        margin-top: 0 !important;
        padding-top: clamp(1.25rem, 2.5vw, 2rem) !important;
        padding-right: clamp(.5rem, 1.2vw, 1rem) !important;
        padding-left: 0 !important;
        border-top: none !important;
    }

    .metabiblioteca-global-sidebar__nav {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* 2. En pantallas medianas / tablets horizontales (1024px a 1279px) */
@media (min-width: 1024px) and (max-width: 1279.98px) {
    /* Páginas generales: el sidebar se mantiene a la derecha */
    body:not(.pkp_page_article) .metabiblioteca-portal-wrapper {
        display: flex !important;
        flex-direction: row !important;
    }

    body:not(.pkp_page_article) .metabiblioteca-portal-wrapper > main,
    body:not(.pkp_page_login):not(.pkp_page_user):not(.pkp_page_article) > .relative.mx-auto.flex.w-full > main {
        flex: 1 1 0 !important;
        min-width: 0 !important;
    }

    body:not(.pkp_page_article) .metabiblioteca-global-sidebar {
        display: block !important;
        align-self: start;
        flex: 0 0 16rem !important;
        width: 16rem !important;
        min-width: 16rem !important;
        max-width: 16rem !important;
        margin-top: 0 !important;
        padding-top: clamp(1.25rem, 2.5vw, 2rem) !important;
        padding-right: clamp(.5rem, 1vw, 0.75rem) !important;
        padding-left: 0.5rem !important;
        border-top: none !important;
    }

    /* Detalle de artículo: se adapta debajo a 100% de ancho */
    body.pkp_page_article .metabiblioteca-portal-wrapper {
        display: flex !important;
        flex-direction: column !important;
    }

    body.pkp_page_article .metabiblioteca-portal-wrapper > main,
    body.pkp_page_article > .relative.mx-auto.flex.w-full > main {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }

    body.pkp_page_article .metabiblioteca-global-sidebar {
        display: block !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
        margin-top: 2.5rem !important;
        padding-top: 1.5rem !important;
        padding-left: clamp(.5rem, 1.4vw, 1.25rem) !important;
        padding-right: clamp(.5rem, 1.4vw, 1.25rem) !important;
        border-top: 1px solid var(--metabiblioteca-border, #e2e8f0) !important;
    }

    body.pkp_page_article .metabiblioteca-global-sidebar__nav {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.pkp_page_article .metabiblioteca-global-sidebar__nav > ul,
    body.pkp_page_article .metabiblioteca-global-sidebar nav > ul,
    body.pkp_page_article aside.metabiblioteca-global-sidebar > ul {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        width: 100% !important;
    }

    body.pkp_page_article .metabiblioteca-global-sidebar__nav > ul > li,
    body.pkp_page_article .metabiblioteca-global-sidebar nav > ul > li,
    body.pkp_page_article aside.metabiblioteca-global-sidebar > ul > li {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* 3. En tablets (< 1024px) y móviles:
   Para TODAS las páginas, el sidebar se adapta debajo con cada bloque ocupando el 100% del ancho */
@media (max-width: 1023.98px) {
    .metabiblioteca-portal-wrapper {
        display: flex !important;
        flex-direction: column !important;
    }

    .metabiblioteca-portal-wrapper > main,
    body:not(.pkp_page_login):not(.pkp_page_user) > .relative.mx-auto.flex.w-full > main {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }

    .metabiblioteca-global-sidebar {
        display: block !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
        margin-top: 2.5rem !important;
        padding-top: 1.5rem !important;
        padding-left: clamp(.5rem, 1.4vw, 1.25rem) !important;
        padding-right: clamp(.5rem, 1.4vw, 1.25rem) !important;
        border-top: 1px solid var(--metabiblioteca-border, #e2e8f0) !important;
    }

    .metabiblioteca-global-sidebar__nav {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .metabiblioteca-global-sidebar__nav > ul,
    .metabiblioteca-global-sidebar nav > ul,
    aside.metabiblioteca-global-sidebar > ul {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        width: 100% !important;
    }

    .metabiblioteca-global-sidebar__nav > ul > li,
    .metabiblioteca-global-sidebar nav > ul > li,
    aside.metabiblioteca-global-sidebar > ul > li {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* 4. En móviles (< 640px): 1 columna con espaciado compacto */
@media (max-width: 639.98px) {
    .metabiblioteca-global-sidebar {
        margin-top: 1.75rem !important;
        padding-top: 1.25rem !important;
    }

    .metabiblioteca-global-sidebar__nav > ul,
    .metabiblioteca-global-sidebar nav > ul,
    aside.metabiblioteca-global-sidebar > ul {
        grid-template-columns: 1fr !important;
        gap: 1.25rem !important;
    }
}

/* ------------------------------------------------------------------------------- */

.sidebar-two-img{
    display: grid;
    align-items: center;
    justify-items: center;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
.sidebar-two-img>div {
    min-height: 70px;
    align-content: center;
    height: 100%;
}
.sidebar-two-img>div>a>img {
    border-radius: 0px !important;
}
.metabiblioteca-theme .metabiblioteca-global-sidebar .pl-3\.5, .metabiblioteca-theme .metabiblioteca-global-sidebar__nav .pl-3\.5, .metabiblioteca-theme aside.metabiblioteca-global-sidebar .pl-3\.5{
    padding-left: .875rem!important;
}
.metabiblioteca-theme .metabiblioteca-global-sidebar__nav>ul>li>ul>li>a, 
.metabiblioteca-theme .metabiblioteca-global-sidebar nav>ul>li>ul>li>a,
.metabiblioteca-theme .metabiblioteca-global-sidebar .pkp_block a, .metabiblioteca-theme .metabiblioteca-global-sidebar [class*="block_"] a, .metabiblioteca-theme aside .pkp_block a, .metabiblioteca-theme aside [class*="block_"] a {
    min-height: 2.0rem!important;
    padding: .58rem .72rem!important;
    font-weight: 600!important;
}
.metabiblioteca-global-sidebar [class*="block"]:hover{
    box-shadow: none!important;
}
.metabiblioteca-theme .metabiblioteca-global-sidebar__nav>ul>li>ul>li, .metabiblioteca-theme .metabiblioteca-global-sidebar nav>ul>li>ul>li{
    margin-top: 0px!important;
}
.metabiblioteca-theme .metabiblioteca-global-sidebar__nav>ul>li>ul>li>a:hover,
.metabiblioteca-theme .metabiblioteca-global-sidebar nav>ul>li>ul>li>a:hover,
.metabiblioteca-theme .metabiblioteca-global-sidebar .pkp_block a:hover, .metabiblioteca-theme aside .pkp_block a:hover{
    padding-left: 14px !important;
    background: color-mix(in srgb, var(--metabiblioteca-color-01, #0284c7) 9%, transparent)!important;
    transform: translateX(2px)!important;
    outline: none!important;
    color: var(--metabiblioteca-color-02, #0ea5e9)!important;
    text-decoration: underline!important;
}
.metabiblioteca-author-credit__badge {
    font-size: .88rem !important;
}
.page.page_masthead .user_listing{
    padding: 0px;
}
.page.page_masthead .user_listing li{
    display: grid;
    border-bottom: 1px solid #d1d1d1;
    margin: 17px 0;
}
.page.page_masthead .user_listing .name{
    display: ruby;
}
.page.page_masthead .user_listing .orcid{
    display: inline;
    align-items: center;
    margin-left: 5px;
}
.page.page_masthead .user_listing .orcid a{
    max-width: 17px;
}
.page.page_masthead .user_listing .orcid svg.orcid_icon{
    max-width: 20px;
}
.contact .phone .label{
    padding: 0 7px;
    margin-right: 7px;
}
.metabiblioteca-locale-dropdown .metabiblioteca-locale-dropdown__code{
    color: var(--metabiblioteca-color-01, #dc2626) !important;
    -webkit-text-fill-color: var(--metabiblioteca-color-01, #dc2626) !important;
}