/* 1. Header general */
.pkp_site_name_wrapper {
    min-height: 220px !important;
    padding-top: 35px !important;
}

.pkp_site_name a, 
.pkp_navigation_user a {
    color: #ffffff !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0px 0px 8px rgba(0, 0, 0, 0.8) !important;
    font-weight: bold !important;
}

.pkp_navigation_user a {
    background-color: rgba(0, 0, 0, 0.35) !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
}

/* 2. Botón móvil resuelto limpio */
.pkp_site_nav_toggle {
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%280, 0, 0, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 22px 22px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    width: 38px !important;
    height: 38px !important;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2) !important;
}

/* Ocultar las rayas/caracteres viejos incompletos */
.pkp_site_nav_toggle * {
    display: none !important;
}

/* Cambiar a 'X' cuando el menú está abierto */
.is_open .pkp_site_nav_toggle,
.pkp_site_nav_toggle[aria-expanded="true"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23c02425' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M6 6l18 18M6 24L24 6'/%3E%3C/svg%3E") !important;
}