/* 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: 50% !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;
}