/* ================================================================== */
/* MAIN — Punto de entrada CSS                                        */
/* Importa en orden: variables → base → layout → componentes         */
/* ================================================================== */

/* 1. Design Tokens */
@import url('variables.css');

/* 2. Utilidades globales */
@import url('utilities.css');

/* 3. Estructura base */
@import url('layout.css');

/* 4. Header (Topbar, Logo, Buscador, Carrito, Nav) */
@import url('header.css');

/* 5. Navegación móvil (Hamburger + Panel lateral) */
@import url('mobile-nav.css');

/* 6. Hero Slider */
@import url('slider.css');

/* 7. Dropdown / Super menú */
@import url('dropdown.css');

/* 8. Productos (Grid, Filtros, Cards, Categorías) */
@import url('products.css');

/* 9. Promos y Spotlight */
@import url('promos.css');

/* 10. Footer */
@import url('footer.css');

/* 11. Carrito Sidebar */
@import url('cart-sidebar.css');

/* 12. Quick View Modal */
@import url('quickview.css');

/* 13. Cápsula de Tema Flotante */
@import url('theme-capsule.css');

/* 14. Animaciones y Toasts */
@import url('animations.css');

/* 15. Botones y componentes reutilizables */
@import url('components.css');

/* 16. Categoriass */
@import url('categories-offcanvas.css');

/* 17. Nuevos Módulos Dinámicos */
@import url('gallery.css');
@import url('portfolio.css');
@import url('booking.css');
@import url('slide-detail.css');
@import url('blog.css');
@import url('news-widget.css');
@import url('share.css');
@import url('preloader.css');
@import url('downloads.css');
@import url('programs-widget.css');

/* 18. Store Sidebar + Widgets */
@import url('store-sidebar.css');
@import url('general-banner.css');



/* ================================================================== */
/* BASE RESETS                                                        */
/* ================================================================== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
}

body {
    font-family: var(--mt-font-family);
    background-color: var(--mt-bg-body);
    color: var(--mt-text-main);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    /* Smooth theme transition */
    transition: background-color 0.4s ease, color 0.4s ease;
}

/* Background Pattern (3 Small Blurred Dots) */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    z-index: -1;
    background-image:
        radial-gradient(circle at 90% 10%, var(--mt-primary) 0%, transparent 15%),
        radial-gradient(circle at 5% 45%, var(--mt-primary) 0%, transparent 20%),
        radial-gradient(circle at 80% 90%, var(--mt-primary) 0%, transparent 15%);
    opacity: 0.10;
    transition: opacity 0.4s ease, background-image 0.4s ease;
    filter: blur(45px);
}

a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease;
}

ul {
    list-style: none;
}

button {
    font-family: inherit;
    border: none;
    background: none;
    cursor: pointer;
}

/* Custom Scrollbar (WebKit & Standard) */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--mt-primary) rgba(0, 0, 0, 0.05);
}

[data-theme="noche"] * {
    scrollbar-color: var(--mt-primary) rgba(255, 255, 255, 0.05);
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
}

[data-theme="noche"] ::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
}

::-webkit-scrollbar-thumb {
    background: var(--mt-primary);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--mt-primary-hover);
}

/* ================================================================== */
/* PREMIUM CONSISTENT MODAL OVERLAYS & SCROLL LOCK                    */
/* ================================================================== */

/* 1. Fondo y desenfoque (Blur) premium idéntico al de Agendar Cita */
.mt-booking-modal,
.mt-quickview-modal,
.mt-categories-overlay,
.mt-overlay,
.mt-mobile-overlay,
.mt-sidebar-backdrop {
    background: rgba(15, 23, 42, 0.70) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
}

/* 2. Bloqueador de scroll universal para todos los modales y sidebars activos */
html.mt-booking-open, body.mt-booking-open,
html.mt-cart-open, body.mt-cart-open,
html.mt-categories-open, body.mt-categories-open,
html.mt-mobile-nav-open, body.mt-mobile-nav-open,
html.mt-quickview-open, body.mt-quickview-open,
html.mt-lightbox-open, body.mt-lightbox-open,
html.sidebar-active, body.sidebar-active {
    overflow: hidden !important;
    height: 100vh !important;
}