/**
 * =========================================================
 *  Uluisamigo – Sistema de estilos institucional
 * =========================================================
 *
 * IMPORTANTE:
 * - Este archivo NO debe contener reglas CSS directas.
 * - Su función es importar y documentar la arquitectura CSS.
 * - Bootstrap se carga por enqueue.php y NO aquí.
 *
 * ---------------------------------------------------------
 * ORDEN DE CARGA (NO CAMBIAR)
 * ---------------------------------------------------------
 * 1. base.css       → Fundamentos (variables, reset suave)
 * 2. layout.css     → Estructura del sitio (header, footer, main, sidebar)
 * 3. components.css → Componentes reutilizables (UI)
 * 4. blocks.css     → Compatibilidad con Gutenberg
 * 5. utilities.css  → Clases helper pequeñas y reutilizables
 *
 * Cambiar el orden puede causar:
 * - Conflictos con Bootstrap
 * - Problemas con Gutenberg
 * - Efectos colaterales difíciles de depurar
 */

/* =========================================================
 * 1️⃣ BASE
 * =========================================================
 * ¿Qué va aquí?
 * - Variables CSS (colores, tipografías, espaciados)
 * - Estilos globales del body
 * - Normalizaciones suaves
 *
 * ¿Qué NO va aquí?
 * - Layouts
 * - Componentes
 * - Clases utilitarias
 */
@import url('base.css');

/* =========================================================
 * 2️⃣ LAYOUT
 * =========================================================
 * ¿Qué va aquí?
 * - Estructura general del sitio
 * - Header, footer, main, sidebar
 * - Contenedores principales
 *
 * Ejemplos:
 * - #site-header
 * - #site-footer
 * - main#site-content
 * - aside / sidebar
 *
 * ¿Qué NO va aquí?
 * - Colores específicos de botones
 * - Estilos de bloques Gutenberg
 */
@import url('layout.css');

/* =========================================================
 * 3️⃣ COMPONENTS
 * =========================================================
 * ¿Qué va aquí?
 * - Componentes reutilizables de UI
 * - Header visual
 * - Menús
 * - Cards
 * - Botones personalizados
 *
 * Ejemplos:
 * - .topbar
 * - .main-navigation
 * - .featured-menu
 * - .amigo-card
 *
 * Regla clave:
 * Un componente debe poder reutilizarse en cualquier página
 */
@import url('components.css');

/* =========================================================
 * 4️⃣ BLOCKS (GUTENBERG)
 * =========================================================
 * ¿Qué va aquí?
 * - Ajustes específicos para bloques de Gutenberg
 * - Anchos
 * - Botones de bloques
 * - Columnas
 * - Imágenes
 *
 * IMPORTANTE:
 * - NO estilos genéricos aquí
 * - SOLO lo relacionado con .wp-block*
 *
 * Si un bloque "se ve raro", el fix va aquí.
 */
@import url('blocks.css');

/* =========================================================
 * 5️⃣ UTILITIES
 * =========================================================
 * ¿Qué va aquí?
 * - Clases pequeñas de ayuda (helpers)
 * - Márgenes
 * - Textos
 * - Backgrounds simples
 *
 * Ejemplos:
 * - .text-small
 * - .mt-section
 * - .mb-section
 * - .bg-light
 *
 * Regla:
 * Una utility debe hacer UNA sola cosa.
 */
@import url('utilities.css');

/* =========================================================
 * FIN DEL SISTEMA DE ESTILOS
 * =========================================================
 *
 * ¿Dónde agrego algo nuevo?
 *
 * - ¿Color, fuente, variable? → base.css
 * - ¿Header, footer, sidebar? → layout.css
 * - ¿Card, botón, menú?       → components.css
 * - ¿Bloque Gutenberg?        → blocks.css
 * - ¿Helper rápido?           → utilities.css
 *
 * Si dudas → NO lo pongas aquí.
 * Revisa la sección correspondiente.
 */
 @import url('patterns/registro-academico.css');