/*
==============================================================
LINGUA TRENDS - OJS 3.3
V12 FINAL - IDENTIDAD VISUAL COMPLETA

Colores:
Azul:    #2764AD
Naranja: #E38E30
Blanco:  #FFFFFF
==============================================================
*/


/* ==========================================================
   1. ENCABEZADO / CINTILLO
   La imagen panorámica está aplicada como background en
   header.pkp_structure_head.
   contain evita que se corten los extremos.
   ========================================================== */

.pkp_structure_head {
    background-size: contain !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-color: #ffffff !important;
}

.pkp_head_wrapper {
    position: relative !important;
}

/* Escritorio grande */
@media (min-width: 1200px) {
    .pkp_head_wrapper {
        padding-top: 130px !important;
    }
}

/* Portátiles */
@media (min-width: 992px) and (max-width: 1199px) {
    .pkp_head_wrapper {
        padding-top: 120px !important;
    }
}


/* ==========================================================
   2. MENÚ PRINCIPAL
   ========================================================== */

.pkp_navigation_primary_row {
    background: #e38e30 !important;
}

.pkp_navigation_primary_wrapper,
#navigationPrimary {
    background: transparent !important;
}

#navigationPrimary > li > a {
    color: #ffffff !important;
}

#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus {
    color: #ffffff !important;
    background: rgba(0, 0, 0, 0.10) !important;
}


/* ==========================================================
   3. BUSCADOR
   ========================================================== */

.pkp_navigation_search_wrapper {
    background: transparent !important;
}

.pkp_navigation_search_wrapper a,
.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus {
    color: #ffffff !important;
}


/* ==========================================================
   4. SUBMENÚS
   ========================================================== */

#navigationPrimary ul {
    background: #e38e30 !important;
}

#navigationPrimary ul a {
    color: #ffffff !important;
}

#navigationPrimary ul a:hover,
#navigationPrimary ul a:focus {
    color: #ffffff !important;
    background: rgba(0, 0, 0, 0.10) !important;
}


/* ==========================================================
   5. SIDEBAR - TÍTULOS
   Idioma, Información y otros bloques
   ========================================================== */

.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block h2,
.pkp_structure_sidebar .pkp_block h3 {
    color: #555555 !important;
    font-weight: 700 !important;
}


/* ==========================================================
   6. SIDEBAR - ENLACES
   ========================================================== */

.pkp_structure_sidebar .pkp_block a {
    color: #2764ad !important;
    transition: color 0.2s ease !important;
}

.pkp_structure_sidebar .pkp_block a:hover,
.pkp_structure_sidebar .pkp_block a:focus {
    color: #e38e30 !important;
}


/* ==========================================================
   7. ENLACES GENERALES DEL CONTENIDO
   ========================================================== */

.pkp_structure_main a {
    color: #2764ad;
}

.pkp_structure_main a:hover,
.pkp_structure_main a:focus {
    color: #e38e30;
}


/* ==========================================================
   8. FOOTER LIMPIO
   Fondo claro, texto oscuro y detalles institucionales.
   ========================================================== */

.pkp_structure_footer_wrapper {
    background: #f3f3f3 !important;
    color: #333333 !important;
    border-top: 4px solid #e38e30 !important;
}

.pkp_structure_footer {
    color: #333333 !important;
}

.pkp_structure_footer_wrapper p,
.pkp_structure_footer_wrapper div,
.pkp_structure_footer_wrapper span,
.pkp_structure_footer_wrapper strong,
.pkp_structure_footer_wrapper b,
.pkp_structure_footer_wrapper address {
    color: #333333 !important;
}

.pkp_structure_footer_wrapper h1,
.pkp_structure_footer_wrapper h2,
.pkp_structure_footer_wrapper h3,
.pkp_structure_footer_wrapper h4 {
    color: #2764ad !important;
}

.pkp_structure_footer_wrapper a {
    color: #2764ad !important;
    text-decoration: underline !important;
}

.pkp_structure_footer_wrapper a:hover,
.pkp_structure_footer_wrapper a:focus {
    color: #e38e30 !important;
    text-decoration: underline !important;
}


/* ==========================================================
   9. LOGOS / IMÁGENES DEL FOOTER
   No alteramos dimensiones ni proporciones.
   ========================================================== */

.pkp_structure_footer_wrapper img {
    max-width: 100%;
    height: auto;
}


/* ==========================================================
   10. RESPONSIVE
   ========================================================== */

@media (max-width: 991px) {

    .pkp_structure_head {
        background-size: contain !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
    }

    .pkp_structure_sidebar .pkp_block .title,
    .pkp_structure_sidebar .pkp_block h2,
    .pkp_structure_sidebar .pkp_block h3 {
        color: #555555 !important;
    }
}


/* ==========================================================
   V15 - SOLO REORDENAR PORTADA
   Sobre la revista personalizado -> Número actual
   ========================================================== */

/* Este es el contenedor REAL de los bloques de la portada */
.page_index_journal {
    display: flex !important;
    flex-direction: column !important;
}

/* Sobre la revista personalizado */
.page_index_journal .additional_content {
    order: 1 !important;
}

/* Número actual */
.page_index_journal .current_issue {
    order: 2 !important;
}

/* Cualquier otro contenido conserva una posición posterior */


/* V18 - Menú de usuario alineado a la derecha en escritorio */
@media (min-width: 992px) {
  .pkp_structure_head .pkp_head_wrapper {
    position: relative !important;
  }
  .pkp_structure_head .pkp_navigation_user_wrapper {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    width: auto !important;
    margin: 0 !important;
    z-index: 9999 !important;
  }
  .pkp_structure_head #navigationUser {
    display: flex !important;
    justify-content: flex-end !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 18px !important;
  }
  .pkp_structure_head #navigationUser > li > a {
    color: #2764ad !important;
    font-weight: 600 !important;
  }
}