/* ============================================================
   SIGEFOR MODERNO — ÍNDICE
   ============================================================
   Este archivo es un atajo: importa todos los módulos en el
   orden correcto para que un solo <link> alcance. Sirve para
   probar rápido, pero @import bloquea la carga en cascada (el
   navegador no puede descargar los módulos en paralelo).

   PARA PRODUCCIÓN se recomienda en su lugar poner un <link>
   por módulo, en este orden, directo en el <head>:

     <link rel="stylesheet" href="css/00-general1.css">
     <link rel="stylesheet" href="css/01-layout.css">
     <link rel="stylesheet" href="css/02-menu.css">
     <link rel="stylesheet" href="css/03-formulario.css">
     <link rel="stylesheet" href="css/04-calendario.css">
     <link rel="stylesheet" href="css/05-debug.css">
     <script src="css/05-debug.js" defer></script>

   El orden importa: 00 define las variables --sg-* que todos
   los demás usan, y 01 (layout) antes de 02/03 porque algunas
   reglas de layout tienen menor especificidad y podrían quedar
   pisadas si cargan después.

   VENTAJA de tenerlos separados para el trabajo con distintos
   layouts: al probar un layout nuevo, solo se reemplaza
   01-layout.css -- 02, 03, 04 y 05 quedan intactos porque
   estilizan las clases que pone el MOTOR de SIGEFOR (sigefor_men,
   sigefor_for_titulo, sigefor_cal_dia, debug_p...), no la
   estructura del contenedor exterior.
   ============================================================ */

@import url("00-general.css");
@import url("01-layout.css");
@import url("02-menu.css");
@import url("03-formulario.css");
/*@import url("06-icon.css");*/
@import url("04-calendario.css");
@import url("../banner/banner.css");
/*@import url("05-debug.css");*/