/* ===================================================
   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: #333333 !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;
}

/* ===================================================
   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: #000000 !important;
}
/* ===================================================
   CORRECCIÓN DE VISIBILIDAD EN EL MENÚ DE USUARIO SUPERIOR
   =================================================== */

.pkp_navigation_user_wrapper a, 
.pkp_navigation_user_wrapper span, 
.pkp_navigation_user_wrapper .fa,
.pkp_navigation_user_wrapper .pkp_badge {
    color: #333333 !important;
}

/* Color al pasar el cursor (hover) */
.pkp_navigation_user_wrapper a:hover {
    color: #0b2239 !important;
}
/* ===================================================
   ADAPTACIÓN MÓVIL
   =================================================== */

@media (max-width: 768px) {
    .pkp_site_name {
        padding: 5px 0;
    }
}