/* 1. Asegurar que la barra mostaza abarque el 100% de la pantalla */
.pkp_structure_head, header.header_logged_out, .header {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    background-color: #F3B200 !important;
}

/* 2. Mantener visible el contenedor del sitio y adaptarlo */
.pkp_structure_head .pkp_head_wrapper, .pkp_head_wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 20px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* 3. Permitir que el logo se muestre y redimensione de forma fluida */
.pkp_structure_head .pkp_site_name img, 
.pkp_structure_head img, 
.pkp_head_wrapper img {
    max-height: 120px !important;
    width: auto !important;
    max-width: 100% !important;
    display: block !important;
}