/* ===================================================
   MENÃš PRINCIPAL Y CABECERA
   =================================================== */

/* Aplica mayÃºsculas al menÃº principal de navegaciÃ³n */
.pkp_navigation_primary a {
    text-transform: uppercase;
}

/* Fondo y barra superior */
.pkp_structure_head,
.pkp_navigation_user_wrapper,
.pkp_site_name_wrapper {
    background-color: #F8FAFC !important;
}

/* Contenedor de la cabecera */
.pkp_site_name {
    display: block !important;
    width: 100% !important;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
}

.pkp_site_name_wrapper {
    display: block;
    width: 100%;
}

/* Imagen de la cabecera responsiva */
.pkp_site_name img {
    width: 100% !important;
    max-height: none !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
}

/* Elimina logos adicionales */
.pkp_site_name::after {
    content: none !important;
    display: none !important;
}

/* Añade espacio a la izquierda del menú principal */
.pkp_navigation_primary {
    padding-left: 20px !important; /* Puedes cambiar 20px por el valor que prefieras */
}




/* ===================================================
   PIE DE PÃGINA (FOOTER COMPLETO)
   =================================================== */

/* 1. Extiende el azul marino a toda la franja exterior */
.pkp_structure_footer_wrapper,
.pkp_structure_footer_row,
footer.footer,
.footer {
    background-color: #0b2239 !important;
}

/* 2. Ajuste del contenedor interno del footer */
.pkp_structure_footer {
    background-color: #0b2239 !important;
    padding: 10px 5px !important;
}

/* 3. Ajuste de espaciado interno */
.pkp_structure_footer .pkp_rs_content,
.pkp_structure_footer .container,
.footer .container {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

/* 4. Color blanco para textos y enlaces */
.pkp_structure_footer p, 
.pkp_structure_footer a,
.footer p,
.footer a {
    color: #ffffff !important;
}
/* Oculta bloques o títulos sueltos que digan Acerca de en la cabecera de la sección */
h1:not(.pkp_site_name):not(.site_title):first-of-type,
.pkp_page_content > h1:first-child,
.pkp_page_content > h2:first-child {
    display: none !important;
}

/* ===================================================
   ADAPTACIÃ“N MÃ“VIL
   =================================================== */

@media (max-width: 768px) {
    .pkp_site_name {
        padding: 5px 0;
    }
}