/* ==========================================================================
   🟢 MAXIQUEEN OS - MAIN.CSS
   Orden de cascada: Variables → Layout → Componentes → Páginas → Overrides
   ========================================================================== */

/* 1. FUNDACIÓN */
@import url('./themes.css');           /* Variables, colores, tipografías */
@import url('./layout.css');           /* Grid, containers, spacing base */

/* 2. ANIMACIONES GLOBALES */
@import url('./pages/animations.css'); /* Keyframes, transiciones reutilizables */

/* 3. COMPONENTES UI */
@import url('./components/navbar.css');
@import url('./components/sidebar.css');
@import url('./components/hero.css');
@import url('./components/cards.css');
@import url('./components/buttons.css');
@import url('./components/chat.css');
@import url('./components/gallery.css');
@import url('./components/modals.css');
@import url('./components/footer.css');

/* 4. MÓDULOS DE NEGOCIO */
@import url('./components/crm.css');   /* CRM, pagos, funnels */

/* 5. PÁGINAS ESPECÍFICAS */
@import url('./pages/home.css');

/* ==========================================================================
   ✨ OVERRIDES FINALES - MAXIQUEEN OS
   ========================================================================== */

/* Brillo profundo para contenedores de redes sociales */
.mq-icon-wrapper {
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform, background;
}

.mq-social-link:hover .mq-icon-wrapper {
    transform: translateY(-5px) scale(1.1);
    background: rgba(26, 11, 46, 0.9);
}

/* Fix anti-choque con Tailwind */
.mq-card,
.mq-sidebar,
.mq-navbar {
    box-sizing: border-box;
}

/* Utilidad para ocultar loader de MercadoPago cuando carga */
.mp-container:has(.mercadopago-button) .mp-loader {
    display: none;
}