/*
 * ╔══════════════════════════════════════════════════════╗
 * ║  main.css — ARCHIVO PRINCIPAL DE ESTILOS            ║
 * ╠══════════════════════════════════════════════════════╣
 * ║  Este archivo NO contiene estilos directamente.     ║
 * ║  Solo importa los demás archivos CSS en orden.      ║
 * ║                                                      ║
 * ║  ESTRUCTURA DE ARCHIVOS:                             ║
 * ║                                                      ║
 * ║  variables.css       → Colores y fuentes            ║
 * ║    Aquí cambias los colores de toda la app          ║
 * ║                                                      ║
 * ║  base.css            → Reset y estilos del body     ║
 * ║    No tocar salvo que sepas lo que haces            ║
 * ║                                                      ║
 * ║  layout.css          → Header, sidebar y main       ║
 * ║    Estructura de la página, menú lateral            ║
 * ║                                                      ║
 * ║  cards.css           → Cards, lista y progreso      ║
 * ║    Las tarjetas de películas, juegos, etc.          ║
 * ║                                                      ║
 * ║  forms.css           → Formularios y modales        ║
 * ║    Inputs, buscador, date picker, botones           ║
 * ║                                                      ║
 * ║  modal-expandido.css → Modal de detalle             ║
 * ║    El modal que abre al hacer click en una card     ║
 * ║                                                      ║
 * ║  utilities.css       → Hero, stats, colores, etc.   ║
 * ║    Componentes del index y utilidades varias        ║
 * ╚══════════════════════════════════════════════════════╝
 */

@import url('./variables.css');
@import url('./base.css');
@import url('./layout.css');
@import url('./cards.css');
@import url('./forms.css');
@import url('./modal-expandido.css');
@import url('./utilities.css');
@import url('./home.css');
@import url('./categoria-index.css');
@import url('./item.css');