/* 1. Configuración Base */
@import './base/index.css';

/* 2. Componentes Reutilizables */
@import './components/index.css';

/* 3. Vistas y Páginas */
@import './pages/index.css';


/* -----------------------------------------------------------------------------
   CORRECCIÓN RESPONSIVA PARA MENÚ MÓVIL Y DESBORDAMIENTO
----------------------------------------------------------------------------- */
@media (max-width: 991.98px) {
    /* Evita el scroll horizontal en dispositivos móviles */
    body, html, header {
        max-width: 100vw;
        overflow-x: hidden;
    }

    /* Transforma el menú horizontal en una lista vertical ordenada con fondo verde */
    .navbar2 {
        display: block !important;
        width: 100% !important;
        background: #606C38 !important;
    }

    .navbar2 ul {
        flex-direction: column !important;
        align-items: center;
        width: 100% !important;
        padding: 0 !important;
    }

    .navbar2 ul li {
        width: 100% !important;
        height: 45px !important;
    }

    .navbar2 ul li a {
        width: 100%;
        text-align: center;
    }

    /* Oculta el círculo indicador con brillo en pantallas pequeñas */
    .navbar2 .indicator {
        display: none !important;
    }

    /* Ajusta el espaciado de los íconos de cuenta/carrito en móvil */
    .cuenta.navbar-nav {
        gap: 1.5rem !important;
        margin-top: 1rem;
    }
}