/* 1. Base (Variables, Resets, Tipografía) */
@import "base/_variables.css";
@import "base/_reset.css";
@import "base/_base.css";
@import "base/_typography.css";
@import "base/_animations.css";

/* 2. Layout (Estructura principal del sitio) */
@import "layout/_loader.css";
@import "layout/_header.css";
@import "layout/_navigation.css";
@import "layout/_sidebar.css";
@import "layout/_general.css";

/* 3. Componentes (Bloques de UI reutilizables) */
@import "components/_alerts.css";
@import "components/_accordions.css";
@import "components/_buttons.css";
@import "components/_forms.css";
@import "components/_editor.css";
@import "components/_dropdown.css";
@import "components/_select2.css";
@import "components/_cards.css";
@import "components/_tables.css";
@import "components/_badges.css";
@import "components/_modals.css";
@import "components/_notifications.css";
@import "components/_user-dropdown.css";
@import "components/_skeleton-loader.css";
@import "components/_map.css";
@import "components/_calendar.css";

/* 5. Utilidades (Clases de ayuda) */
@import "utils/_utilities.css";

/* ===================================================================
   NAVIGATION COMPONENTS
=================================================================== */

/* --- Nav Vertical (con borde izquierdo) --- */
/*
 * Usado para menús de sub-navegación (ej. Legal, FAQ, Ayuda).
 *
 * Uso: <nav class="nav nav-vertical-line flex-column"> ... </nav>
*/
.nav-vertical-line {
    /* Si es sticky, ajusta el top */
    /* top: 100px; */
}

.nav-vertical-line .nav-link {
    color: var(--aw-text-secondary);
    padding: 0.6rem 1rem;
    border-left: 3px solid transparent;
    font-size: 0.9rem;
    transition: var(--aw-transition-fast);
}

.nav-vertical-line .nav-link:hover {
    color: var(--aw-primary);
    background-color: var(--aw-primary-light);
    transform: translateX(3px);
}

.nav-vertical-line .nav-link.active {
    color: var(--aw-primary);
    font-weight: 500;
    border-left-color: var(--aw-primary);
    background-color: var(--aw-primary-light);
}

/* --- Nav Vertical (sutil, solo fondo) --- */
/*
 * Usado para menús de perfil (ej. Editar Empresa).
 *
 * Uso: <nav class="nav nav-vertical-subtle flex-column"> ... </nav>
*/
.nav-vertical-subtle .nav-link {
    color: var(--aw-primary) !important;
    transition: var(--aw-transition-fast);
}

.nav-vertical-subtle .nav-link.active,
.nav-vertical-subtle .nav-link:hover {
    background-color: rgba(var(--aw-primary-rgb), 0.2) !important;
    color: var(--aw-primary) !important;
}

/* ===================================================================
   CONTENT PANELS
=================================================================== */

/* --- Panel de Contenido Estático --- */
/*
 * Estilos para texto simple (ej. Legal, FAQ, Ayuda).
 *
 * Uso: <div class="static-content-panel"> ... </div>
*/
.static-content-panel h2 {
    color: var(--aw-text-primary);
    padding-top: 1.5rem;
}

.static-content-panel p {
    line-height: 1.8;
    color: var(--aw-text-secondary);
}

/* --- Cabecera de Panel de Configuración --- */
.settings-panel-header h3 {
    font-size: 1.25rem;
    color: var(--aw-text-primary);
    font-weight: 600;
}

.color-d { color: #dc3545; }
.color-i { color: #ffc107; }
.color-s { color: #28a745; }
.color-c { color: #007bff; }