/* ================================================================
   SAGICC - HOJA DE ESTILOS PRINCIPAL MODULAR
   Archivo que importa todos los módulos CSS del core
   ================================================================ */

/* Importar módulos CSS del core */
@import url('./core/variables.css');
@import url('./core/typography.css');
@import url('./core/layout.css');
@import url('./core/buttons.css');
@import url('./core/forms.css');
@import url('./core/header.css');
@import url('./core/sections.css');
@import url('./core/components.css');
@import url('./core/footer.css');
@import url('./core/responsive.css');

/* 
  Estructura modular CSS Sagicc Core:
  
  📁 core/
  ├── variables.css   - Variables CSS y configuración base
  ├── typography.css  - Tipografía y estilos de texto
  ├── layout.css      - Layout, containers y grids
  ├── buttons.css     - Botones y controles
  ├── forms.css       - Formularios y inputs
  ├── header.css      - Header y navegación
  ├── sections.css    - Secciones principales
  ├── components.css  - Componentes específicos (testimonials, badges, etc.)
  ├── footer.css      - Footer
  └── responsive.css  - Media queries para todos los dispositivos
  
  📄 base-main.css    - Archivo principal (este archivo)
  📄 base.css         - Archivo legacy (respaldado)
  📄 form.css         - Formularios específicos
  
  📁 interface-Designs/ - ¡MANTENIDO INTACTO!
  ├── automatizaciones.css
  ├── Casos.css
  ├── Estadisticas.css
  └── Omnicanalidad.css
*/

/* Estilos adicionales que no encajan en los módulos específicos */

/* Utilidades globales adicionales */
.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

/* Estados de carga */
.loading {
    opacity: 0.6;
    pointer-events: none;
}

/* Animaciones globales */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in {
    animation: fadeIn 0.3s ease-out;
}

/* Print styles adicionales */
@media print {
    .no-print {
        display: none !important;
    }
    
    .page-break {
        page-break-before: always;
    }
}