
/* =========================================================
   JETMUA – OJS CUSTOM STYLESHEET
   Sin fondos negros en hover/focus
   ========================================================= */

:root {
    --jetmua-navy: #0B3764;
    --jetmua-cyan: #00AEEF;
    --jetmua-cyan-soft: #EAF8FE;
    --jetmua-light: #F4F6F8;
    --jetmua-white: #FFFFFF;
}

/* ---------- CABECERA ---------- */
.pkp_structure_head {
    background: var(--jetmua-white) !important;
    border-bottom: 3px solid var(--jetmua-cyan) !important;
}

.pkp_head_wrapper {
    padding-top: 0 !important;
}

.pkp_site_name_wrapper {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 14px !important;
    padding-bottom: 4px !important;
}

.pkp_site_name {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
}

/* ---------- LOGO ---------- */
.pkp_site_name .is_img img,
.pkp_site_name img {
    width: 340px !important;
    max-width: 100% !important;
    max-height: none !important;
    height: auto !important;
    display: block !important;
}

/* ---------- MENÚ PRINCIPAL ---------- */
.pkp_site_nav_menu,
.pkp_navigation_primary_wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.pkp_navigation_primary > li > a {
    color: var(--jetmua-navy) !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    padding: 14px 18px !important;
    border-bottom: 3px solid transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > a:active {
    color: var(--jetmua-cyan) !important;
    background: var(--jetmua-cyan-soft) !important;
    border-bottom-color: var(--jetmua-cyan) !important;
    box-shadow: none !important;
}

/* ---------- REGISTER / LOGIN ---------- */
.pkp_navigation_user > li > a {
    color: var(--jetmua-navy) !important;
    font-weight: 500 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus,
.pkp_navigation_user > li > a:active {
    color: var(--jetmua-cyan) !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* ---------- SEARCH ---------- */
.pkp_navigation_search_wrapper {
    background: transparent !important;
}

.pkp_navigation_search_wrapper a,
.pkp_navigation_search_wrapper button {
    color: var(--jetmua-navy) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 14px 10px !important;
    text-decoration: none !important;
    outline: none !important;
}

.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus,
.pkp_navigation_search_wrapper a:active,
.pkp_navigation_search_wrapper button:hover,
.pkp_navigation_search_wrapper button:focus,
.pkp_navigation_search_wrapper button:active {
    color: var(--jetmua-cyan) !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Quita pseudo-elementos o fondos oscuros del tema */
.pkp_navigation_search_wrapper a::after,
.pkp_navigation_search_wrapper button::after {
    background: transparent !important;
    box-shadow: none !important;
}

/* Oculta iconos defectuosos */
.pkp_navigation_search_wrapper .fa,
.pkp_navigation_search_wrapper .icon,
.pkp_navigation_search_wrapper [class*="icon-"] {
    display: none !important;
}

/* Lupa sencilla */
.pkp_navigation_search_wrapper a::before,
.pkp_navigation_search_wrapper button::before {
    content: "⌕";
    display: inline-block;
    margin-right: 6px;
    font-size: 20px;
    line-height: 1;
    vertical-align: -1px;
    color: currentColor;
    background: transparent !important;
}

/* ---------- EVITAR FONDOS NEGROS EN ELEMENTOS DE CABECERA ---------- */
.pkp_structure_head a:hover,
.pkp_structure_head a:focus,
.pkp_structure_head button:hover,
.pkp_structure_head button:focus {
    box-shadow: none !important;
}

/* ---------- ENLACES GENERALES ---------- */
.pkp_structure_content a {
    color: var(--jetmua-navy);
}

.pkp_structure_content a:hover,
.pkp_structure_content a:focus {
    color: var(--jetmua-cyan);
}

/* ---------- BOTONES REALES ---------- */
.cmp_button,
.pkp_button,
input[type="submit"],
input[type="button"] {
    background: var(--jetmua-navy) !important;
    color: #fff !important;
    border-color: var(--jetmua-navy) !important;
}

.cmp_button:hover,
.pkp_button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background: var(--jetmua-cyan) !important;
    border-color: var(--jetmua-cyan) !important;
    color: #fff !important;
}

/* ---------- CONTENIDO ---------- */
.pkp_structure_content {
    background: #fff !important;
}

/* ---------- FOOTER ---------- */
.pkp_structure_footer_wrapper {
    background: var(--jetmua-light) !important;
    padding: 25px 0 !important;
}

.pkp_structure_footer {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pkp_brand_footer {
    max-width: 140px !important;
    opacity: 0.65 !important;
}

.pkp_brand_footer img {
    max-width: 140px !important;
    height: auto !important;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 991px) {
    .pkp_site_name .is_img img,
    .pkp_site_name img {
        width: 300px !important;
    }

    .pkp_navigation_primary > li > a {
        font-size: 16px !important;
        padding: 12px 14px !important;
    }
}

@media (max-width: 768px) {
    .pkp_site_name .is_img img,
    .pkp_site_name img {
        width: 260px !important;
    }

    .pkp_site_name_wrapper {
        padding-top: 12px !important;
        padding-bottom: 8px !important;
    }

    .pkp_navigation_primary > li > a {
        font-size: 15px !important;
        padding: 10px 12px !important;
    }

    .pkp_structure_head {
        border-bottom-width: 2px !important;
    }
}

/* =========================================================
   JETMUA - HOMEPAGE COMPACT
   Reduce espacios verticales excesivos
   ========================================================= */

.jetmua-home {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 18px 20px 28px 20px !important;
    line-height: 1.5 !important;
}

/* Secciones */
.jetmua-home section {
    margin: 0 0 22px 0 !important;
    padding: 0 !important;
}

/* Títulos principales */
.jetmua-home h2 {
    color: #0B3764 !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 0 6px 0 !important;
    line-height: 1.25 !important;
    border-bottom: 2px solid #00AEEF !important;
}

/* Subtítulos de macroáreas */
.jetmua-home h3 {
    color: #0B3764 !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    margin: 16px 0 6px 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}

/* Párrafos */
.jetmua-home p {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    line-height: 1.55 !important;
    font-size: 16px !important;
}

/* Listas */
.jetmua-home ul {
    margin: 4px 0 12px 24px !important;
    padding: 0 !important;
}

/* Ítems */
.jetmua-home li {
    margin: 0 0 3px 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
    font-size: 16px !important;
}

/* Viñetas institucionales */
.jetmua-home li::marker {
    color: #00AEEF !important;
}

/* Reduce espacio después de "Topics of interest..." */
.jetmua-scope > p:last-of-type {
    margin-bottom: 6px !important;
}

/* Reduce espacio antes de Our Mission */
.jetmua-mission {
    margin-top: 6px !important;
}

/* Responsive */
@media (max-width: 768px) {
    .jetmua-home {
        padding: 15px 14px 24px 14px !important;
    }

    .jetmua-home h2 {
        font-size: 23px !important;
    }

    .jetmua-home h3 {
        font-size: 18px !important;
        margin-top: 14px !important;
    }

    .jetmua-home p,
    .jetmua-home li {
        font-size: 15px !important;
    }
}

/* =========================================================
   JETMUA - ELIMINAR ESPACIOS VACÍOS HOMEPAGE
   ========================================================= */

/* Contenedor de Additional Content */
.additional_content {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Contenedor principal de la homepage */
.pkp_page_index .additional_content {
    margin: 0 !important;
    padding: 20px 0 10px 0 !important;
}

/* Nuestro contenido */
.pkp_page_index .jetmua-home {
    margin: 0 auto !important;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
}

/* Primer título: sin espacio superior */
.jetmua-home > section:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.jetmua-home > section:first-child h2 {
    margin-top: 0 !important;
}

/* Última sección */
.jetmua-home > section:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.jetmua-home > section:last-child p:last-child {
    margin-bottom: 0 !important;
}

/* Evitar altura mínima innecesaria */
.pkp_page_index .pkp_structure_main {
    min-height: 0 !important;
}

/* Reducir espacios generales entre bloques */
.jetmua-home section {
    margin-bottom: 18px !important;
}

.jetmua-home h2 {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.jetmua-home h3 {
    margin-top: 12px !important;
    margin-bottom: 5px !important;
}

.jetmua-home p {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

.jetmua-home ul {
    margin-top: 3px !important;
    margin-bottom: 9px !important;
}

.jetmua-home li {
    margin-bottom: 2px !important;
}

/* =========================================================
   JETMUA - HOMEPAGE COMPACTA DEFINITIVA
   ========================================================= */

/* Quita espacios generales de la portada */
.page_index_journal {
    margin: 0 !important;
    padding: 0 !important;
}

/* Contenido adicional */
.page_index_journal .additional_content {
    margin: 0 !important;
    padding: 0 !important;
}

/* Bloque JETMUA */
.page_index_journal .jetmua-home {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 10px 20px 18px 20px !important;
}

/* Elimina espacio superior del primer bloque */
.page_index_journal .jetmua-home > section:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.page_index_journal .jetmua-home > section:first-child h2 {
    margin-top: 0 !important;
}

/* Títulos */
.page_index_journal .jetmua-home h2 {
    color: #0B3764 !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 0 8px 0 !important;
    padding: 0 0 5px 0 !important;
    border-bottom: 2px solid #00AEEF !important;
}

.page_index_journal .jetmua-home h3 {
    color: #0B3764 !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    margin: 12px 0 4px 0 !important;
    padding: 0 !important;
}

/* Párrafos */
.page_index_journal .jetmua-home p {
    margin: 0 0 7px 0 !important;
    padding: 0 !important;
    line-height: 1.45 !important;
    font-size: 16px !important;
}

/* Listas */
.page_index_journal .jetmua-home ul {
    margin: 3px 0 9px 20px !important;
    padding: 0 !important;
}

.page_index_journal .jetmua-home li {
    margin: 0 0 2px 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
    font-size: 16px !important;
}

.page_index_journal .jetmua-home li::marker {
    color: #00AEEF !important;
}

/* Secciones */
.page_index_journal .jetmua-home section {
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
}

/* Última sección */
.page_index_journal .jetmua-home > section:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.page_index_journal .jetmua-home > section:last-child p:last-child {
    margin-bottom: 0 !important;
}

/* Reduce espacio vertical del main */
.pkp_page_index .pkp_structure_main {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    min-height: 0 !important;
}

/* =========================================================
   JETMUA - CORRECCIÓN REAL DEL ESPACIO DE ADDITIONAL CONTENT
   ========================================================= */

.pkp_page_index .additional_content {
    padding-top: 12px !important;
    padding-bottom: 8px !important;
    border-top: 0 !important;
}

/* Quitar margen horizontal negativo que usa OJS */
.pkp_page_index .additional_content {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Evitar espacio extra del primer bloque */
.pkp_page_index .additional_content .jetmua-home {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.pkp_page_index .additional_content .jetmua-home > section:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.pkp_page_index .additional_content .jetmua-home h2:first-child {
    margin-top: 0 !important;
}
