/* ==========================================================================
   main.css  ·  PUNTO DE ENTRADA DE LOS ESTILOS
   --------------------------------------------------------------------------
   Es el único CSS propio que enlazan las páginas HTML. Aquí solo se
   importan los demás archivos, en el orden correcto:

     1. theme.css       -> variables de marca (colores, fuentes...) ← se edita por colegio
     2. base.css        -> tipografía, accesibilidad y ajustes globales
     3. components.css  -> estilos de cada componente/sección del sitio
     4. utilities.css   -> utilidades pequeñas que complementan a Bootstrap

   IMPORTANTE: en el HTML este archivo se enlaza DESPUÉS del CSS de Bootstrap
   (CDN) para poder sobrescribir sus variables.
   ========================================================================== */
@import url("theme.css");
@import url("base.css");
@import url("components.css");
@import url("utilities.css");