/* ═══════════════════════════════════════════════════════════════
   MAIN CSS — Importa todos los módulos modularizados
   ═══════════════════════════════════════════════════════════════ */

/* 1. BASE STYLES */
@import url('1-base/tokens.css?v=20260812-tipografia');

/* 2. REUSABLE COMPONENTS */
@import url('2-components/buttons.css?v=20260812-tipografia');
@import url('2-components/cards.css?v=20260812-tipografia');
@import url('2-components/badges.css?v=20260812-tipografia');
@import url('2-components/modals.css?v=20260812-tipografia');
@import url('2-components/utils.css?v=20260812-tipografia');
@import url('2-components/comunicado-popup.css?v=20260821-comunicado');

/* 3. LAYOUT COMPONENTS */
@import url('3-layout/gamification.css?v=20260812-tipografia');
@import url('3-layout/navbar.css?v=20260814-navbar');
@import url('3-layout/footer.css?v=20260812-tipografia');
@import url('3-layout/dropdown.css?v=20260812-tipografia');
@import url('3-layout/mascota.css?v=20260812-tipografia');
@import url('3-layout/acsi-fab.css?v=20260826-acsi');

/* 3. SECTIONS */
@import url('4-sections/hero.css?v=20260812-tipografia');
@import url('4-sections/marquee.css?v=20260812-tipografia');
@import url('4-sections/historia.css?v=20260812-tipografia');
@import url('4-sections/niveles.css?v=20260812-tipografia');
@import url('4-sections/mision.css?v=20260812-tipografia');
@import url('4-sections/valores.css?v=20260812-tipografia');
@import url('4-sections/quiz.css?v=20260812-tipografia');
@import url('4-sections/admisiones.css?v=20260812-tipografia');
@import url('4-sections/testimonios.css?v=20260812-tipografia');
@import url('4-sections/galeria.css?v=20260812-tipografia');
@import url('4-sections/grados.css?v=20260812-tipografia');
@import url('4-sections/contacto.css?v=20260812-tipografia');
@import url('4-sections/filosofia.css?v=20260812-tipografia');
@import url('4-sections/declaracion-fe.css?v=20260812-tipografia');
@import url('4-sections/perfil-egresado.css?v=20260812-tipografia');
@import url('4-sections/portal-educativo.css?v=20260812-tipografia');
@import url('4-sections/devocional.css?v=20260812-tipografia');
@import url('4-sections/exalumnos.css?v=20260812-tipografia');
@import url('4-sections/empleos.css?v=20260812-tipografia');
@import url('4-sections/page-hero.css?v=20260812-tipografia');
@import url('4-sections/interactivo.css?v=20260812-tipografia');
@import url('4-sections/mision-evangelistica.css?v=20260812-tipografia');
@import url('4-sections/mision-aula.css?v=20260812-tipografia');
@import url('4-sections/quienes-somos.css?v=20260812-tipografia');
@import url('4-sections/bienvenida.css?v=20260812-tipografia');
@import url('4-sections/contacto-canales.css?v=20260812-tipografia');
@import url('4-sections/sugerencias.css?v=20260812-tipografia');
@import url('4-sections/preinscripcion.css?v=20260812-tipografia');
@import url('4-sections/home-mision.css?v=20260812-tipografia');
@import url('4-sections/comunicados.css?v=20260812-tipografia');
@import url('4-sections/capacitate.css?v=20260812-tipografia');
@import url('4-sections/portal.css?v=20260812-tipografia');

/* 4. RESPONSIVE DESIGN */
@import url('5-responsive/media-queries.css?v=20260814-navbar');

/* ═══════════════════════════════════════════════════════════════
   Estructura modular de CSS

   1-base/        → Variables, reset, tipografía
   3-layout/      → Navbar, footer, gamification, dropdowns
   4-sections/    → Cada sección principal de la página
   5-responsive/  → Media queries centralizadas

   MANTENIMIENTO:
   - Cambiar tema: edita 1-base/tokens.css
   - Cambiar navbar: edita 3-layout/navbar.css
   - Cambiar hero: edita 4-sections/hero.css
   - Agregar responsive: edita 5-responsive/media-queries.css

   VENTAJAS:
   ✓ Fácil de mantener
   ✓ Cambios no impactan todo
   ✓ Nueva página = reutiliza módulos
   ✓ -90% tokens en cambios CSS

   ═══════════════════════════════════════════════════════════════ */

/* Cursor institucional: solo en las páginas públicas que incluyen #cursor. */
body:has(#cursor),
body:has(#cursor) * {
  cursor: url('../assets/icons/cursor-ceevs.svg') 5 1, auto !important;
}

body:has(#cursor) input:not([type='button']):not([type='submit']):not([type='reset']),
body:has(#cursor) textarea,
body:has(#cursor) [contenteditable='true'] {
  cursor: text !important;
}