/* 1. Fondo blanco para el contenido y el cuerpo general */
body, 
.pkp_structure_page,
.pkp_structure_content {
    background-color: #ffffff !important;
}

/* 2. Color pastel (#e7f5fb) únicamente para la cabecera y barra superior */
header.pkp_structure_head,
.pkp_structure_head,
.pkp_navigation_primary_wrapper {
    background-color: #e7f5fb !important;
    border-bottom: 1px solid #e7f5fb !important;
}

/* 3. Ampliar el contenedor del encabezado y la imagen/banner */
.pkp_structure_head .pkp_site_name_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 125px 135px !important;
}

/* Hace que el logo/imagen de cabecera sea más ancho y conserve su proporción */
.pkp_structure_head .is_img img {
    max-width: 100% !important;
    width: auto !important;
    min-width: 650px !important; /* Aumenta el ancho mínimo visible */
    height: auto !important;
    max-height: none !important; /* Elimina la restricción de altura que lo achica */
    display: block !important;
    margin: 0 auto !important;
}

/* 4. Barra lateral: mantener texto oscuro y títulos legibles */
.pkp_structure_sidebar,
.pkp_structure_sidebar * {
    color: #1a2b3c !important;
}

.pkp_block .title,
.pkp_structure_sidebar h2,
.pkp_structure_sidebar h3,
.pkp_structure_sidebar h4 {
    background-color: #0b5394 !important;
    color: #ffffff !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    text-align: center !important;
    display: block !important;
}

.pkp_structure_sidebar a {
    color: #0a4b78 !important;
    font-weight: 500 !important;
}

.pkp_structure_sidebar a:hover {
    color: #04243a !important;
    text-decoration: underline !important;
}

.pkp_block.block_make_submission a {
    background-color: #0b5394 !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: bold !important;
    padding: 10px 15px !important;
    border-radius: 4px !important;
}

/* 5. Ocultar el texto del título "Horizonte Económico" y centrar el enlace clicable en el logo */
.pkp_site_name .is_text,
.pkp_head_wrapper .pkp_site_name > a:not(.is_img) {
    display: none !important;
}

.pkp_structure_head .is_img {
    display: block !important;
    margin: 0 auto !important;
    cursor: pointer !important;
}

/* 6. Forzar color azul oscuro/negro en lista de artículos */
a[id^="article-"],
.cmp_article_list .obj_article_summary .title a,
.obj_article_summary h4.title a,
.pkp_structure_main .obj_article_summary .title a,
.section h3 {
    color: #0b5394 !important;
}

.obj_article_summary .authors,
.obj_article_summary .pages {
    color: #111111 !important;
}

a[id^="article-"].obj_galley_link,
.obj_article_summary .galleys_links a.obj_galley_link {
    color: #0b5394 !important;
    border-color: #0b5394 !important;
}

/* 7. Vista individual del artículo: anular el color blanco en enlaces, ORCID, títulos y textos */
.page_article .pkp_structure_main a,
.obj_article_details a,
.obj_article_details .item a,
.obj_article_details .authors a,
.obj_article_details .orcid a,
.obj_article_details .doi a,
.obj_article_details .references a {
    color: #0b5394 !important; /* Azul oscuro corporativo para enlaces y ORCID */
    text-decoration: underline !important;
}

.page_article .pkp_structure_main a:hover,
.obj_article_details a:hover {
    color: #04243a !important;
}

/* Color oscuro para el título del artículo, subtítulos y resúmenes */
.page_article .pkp_structure_main h1,
.obj_article_details .page_title,
.obj_article_details .item_title,
.obj_article_details h2,
.obj_article_details h3,
.obj_article_details h4 {
    color: #0b5394 !important;
}

.page_article .pkp_structure_main,
.page_article .pkp_structure_main p,
.obj_article_details,
.obj_article_details p,
.obj_article_details .abstract,
.obj_article_details .item {
    color: #111111 !important; /* Texto negro legible */
}

/* Botón de descarga de PDF dentro del artículo */
.obj_article_details .obj_galley_link {
    background-color: #0b5394 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    border: 1px solid #0b5394 !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    display: inline-block !important;
}

.obj_article_details .obj_galley_link:hover {
    background-color: #04243a !important;
    color: #ffffff !important;
}