/* =========================================================
   1. ESTILO GENERAL DEL MENÚ
   ========================================================= */
nav a {
    font-family: 'Poppins', sans-serif !important;
    font-size: 125% !important;
    margin-right: 25px !important;
    color: inherit !important; /* mantiene el color original */
}

/* Hover blanco */
nav a:hover {
    color: #FFFFFF !important;
}

/* =========================================================
   2. HACER QUE EL MENÚ OCUPE TODO EL ANCHO
   ========================================================= */
.site-header nav {
    width: 100% !important;
}

.site-header nav ul {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

/* =========================================================
   3. MOVER “ESPAÑOL” Y “TIENDA” JUNTOS A LA DERECHA
   ========================================================= */
.site-header nav ul li:nth-last-child(2) {
    margin-left: auto !important;
}

.site-header nav ul li:nth-last-child(2),
.site-header nav ul li:last-child {
    margin-right: 0 !important;
}

/* =========================================================
   4. ESTILO DE PASTILLA REDONDEADA PARA AMBOS
   ========================================================= */
.site-header nav ul li:nth-last-child(2) a,
.site-header nav ul li:last-child a {
    padding: 6px 14px !important;
    background-color: #e6f4fa;
    border-radius: 20px !important;
    font-weight: 500;
    margin-left: 10px !important;
}

/* Hover de las pastillas */
.site-header nav ul li:nth-last-child(2) a:hover,
.site-header nav ul li:last-child a:hover {
    background-color: #FFFFFF !important;
    color: #000000 !important; /* texto negro dentro de la pastilla */
}

/* Margen lateral para que el menú no toque los bordes */
nav {
    padding-left: 32px !important;
    padding-right: 32px !important;
}
/* OCULTAR COMPLETAMENTE EL RECUADRO BLANCO DEL SUBMENÚ */
nav ul ul {
    display: none !important;
    position: absolute !important;
    top: 100%;
    left: 0;

    /* ELIMINAMOS TODO LO QUE CREA EL RECUADRO BLANCO */
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

/* MOSTRAR SOLO AL PASAR EL RATÓN */
nav ul li:hover > ul {
    display: block !important;
}

/* ESTILO DE LOS ENLACES DEL SUBMENÚ */
nav ul ul li a {
    background: #ffffff !important;
    padding: 10px 15px !important;
    display: block !important;
    white-space: nowrap !important;
    color: #000 !important;
}