/* 1. Liberamos los contenedores de la nueva plantilla */
.pkp_structure_footer_wrapper, 
.pkp_structure_footer {
    background-color: #ffffff !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important; /* CAMBIO CLAVE: Quitamos el límite */
    width: 100% !important;
    border: none !important;
}

/* 2. Limpiamos espacios y ocultamos logo de OJS */
.pkp_brand_footer {
    display: none !important;
}

/* 3. Evitamos el movimiento lateral de la página completa */
body {
    overflow-x: hidden !important;
}

/* 4. Ajuste de tamaño de la imagen miniatura de la revista */
.pkp_page_index .journals .thumb img {
    width: 100%;
    max-height: none;
    height: auto;
    object-fit: cover;
}

/* 5. Menú de navegación principal: texto blanco y en negritas */
.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > button {
    color: #ffffff !important;
    font-weight: bold !important;
}

/* 5b. Registrarse y Entrar (fondo blanco): texto negro */
#navigationUser a,
#navigationUser button,
#navigationUserWrapper a,
#navigationUserWrapper button {
    color: #000000 !important;
    font-weight: normal !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > button:hover,
.pkp_navigation_primary > li > button:focus {
    color: #ffffff !important;
}

/* 6. Menú desplegable: texto negro sobre fondo blanco */
#navigationPrimary li ul a,
#navigationPrimary li ul button {
    color: #222222 !important;
    font-weight: normal !important;
}

#navigationPrimary li ul a:hover,
#navigationPrimary li ul a:focus {
    color: #000000 !important;
}

/* ══════════════════════════════════════════════════════════════════════
   7. TRANSICIONES Y ESTILO — 2026-07-08
   Paleta de marca (misma usada en portadas de artículos):
   NAVY #142A42 · TEAL #009B9B · GOLD #E4A722
   ══════════════════════════════════════════════════════════════════════ */

/* 7.1 Transición global suave para todo lo interactivo */
a,
button,
.pkp_button,
.obj_article_summary .cover img,
.obj_article_summary,
.pkp_block,
.obj_galley_link,
input,
select,
textarea {
    transition: color 0.18s ease, background-color 0.18s ease,
                border-color 0.18s ease, box-shadow 0.22s ease,
                transform 0.22s ease, opacity 0.18s ease;
}

html {
    scroll-behavior: smooth;
}

/* 7.2 Enlaces de contenido: subrayado animado en vez de instantáneo */
.page_article .item, .pkp_page_content a:not(.pkp_button):not(.obj_galley_link) {
    text-decoration-color: transparent;
    text-underline-offset: 3px;
    transition: text-decoration-color 0.2s ease, color 0.2s ease;
}
.pkp_page_content a:not(.pkp_button):not(.obj_galley_link):hover {
    text-decoration-color: currentColor;
}

/* 7.3 Tarjetas de artículo (listados de número / búsqueda): elevación al pasar el mouse */
.obj_article_summary {
    border-radius: 10px;
}
.obj_article_summary:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(20, 42, 66, 0.12);
}
.obj_article_summary .cover img {
    border-radius: 8px;
}
.obj_article_summary:hover .cover img {
    transform: scale(1.015);
}
.obj_article_summary .title a {
    transition: color 0.18s ease;
}
.obj_article_summary:hover .title a {
    color: #009B9B !important;
}

/* 7.4 Botones de galley (PDF / HTML / JATS XML) como píldoras con acento de marca */
.obj_galley_link {
    display: inline-flex;
    align-items: center;
    border-radius: 999px !important;
    border: 1px solid #cfe3e3 !important;
    padding: 3px 12px !important;
    background: #f2fafa;
}
.obj_galley_link:hover {
    background: #009B9B;
    border-color: #009B9B !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 155, 155, 0.28);
}
.obj_galley_link.pdf { border-color: #e4c9a3 !important; background: #fdf6ec; }
.obj_galley_link.pdf:hover { background: #E4A722; border-color: #E4A722 !important; box-shadow: 0 4px 10px rgba(228, 167, 34, 0.32); }

/* 7.5 Botones estándar de OJS (formularios, búsqueda, etc.) */
.pkp_button {
    border-radius: 6px !important;
}
.pkp_button:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(20, 42, 66, 0.18);
}
.pkp_button:active {
    transform: translateY(0);
    box-shadow: none;
}

/* 7.6 Bloques laterales (sidebar): jerarquía más clara en los títulos */
.pkp_block .title,
.pkp_block h2 {
    border-bottom: 2px solid #009B9B;
    padding-bottom: 6px;
}

/* 7.7 Portadas de número (heading de cada volumen en el archivo/inicio) */
.obj_issue_toc .cover img,
.issue .cover img {
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(20, 42, 66, 0.10);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.obj_issue_toc .cover img:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(20, 42, 66, 0.18);
}

/* 7.8 Encabezados de sección dentro de un número (p. ej. "Estudio de Caso") */
.sections .section > h3 {
    color: #142A42;
    border-left: 4px solid #E4A722;
    padding-left: 10px;
    margin-top: 1.4rem;
}

/* 7.9 Accesibilidad: foco visible consistente con la marca, sin perder el contorno nativo */
a:focus-visible,
button:focus-visible,
.pkp_button:focus-visible {
    outline: 2px solid #E4A722;
    outline-offset: 2px;
}

/* 7.10 Respeta la preferencia del usuario de reducir movimiento */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}