@media (max-width: 1024px) {
    nav .max-w-screen-xl {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    nav ul {
        display: flex;
        flex-direction: column;
        align-items: center; /* Centra la lista */
        width: 100%;
        padding: 0;
        margin: 0;
    }

    nav ul li {
        width: 100%; /* Hace que todos los `li` ocupen el ancho completo */
        display: flex;
        justify-content: center; /* Centra los enlaces dentro del `li` */
        margin-bottom: 1rem;
    }

    /* 🔹 Corrige el alineado inconsistente */
    nav ul li:first-child {
        width: 100%; /* Asegura que el primer `li` tenga el mismo ancho */
        display: flex;
        justify-content: center;
    }

    nav ul li a {
        width: 100%; /* Hace que los enlaces ocupen el mismo ancho */
        max-width: 300px; /* Mantiene una anchura máxima */
        text-align: center; /* Centra el texto */
        display: block; /* Asegura que el enlace llene el ancho del `li` */
        padding: 0.75rem 2rem;
    }
}