/* ──────────────────────────────────────────────────────────────
   ÍNDICE DE ESTILOS · La biblioteca mágica
   Libro ilustrado: papel crema, tinta de noche, verde musgo y baya.

   El orden importa (la cascada): de lo general a lo particular.
     base/        variables, documento y tipografía
     componentes/ piezas que se usan en varias pantallas
     pantallas/   lo propio de cada pantalla
     base/lectura-accesible y base/adaptable van al final porque
     corrigen a todo lo anterior.

   Cada archivo dice en su primera línea qué módulo de src/ pinta ese HTML.
   Si añades un archivo, añádelo aquí Y en sw.js (lista BASE), o no
   funcionará sin conexión.
   ────────────────────────────────────────────────────────────── */
@import url("base/variables.css");
@import url("base/documento.css");

@import url("componentes/botones.css");
@import url("componentes/opciones.css");
@import url("componentes/cabecera.css");
@import url("componentes/escenario.css");
@import url("componentes/tarjeta-voz.css");
@import url("componentes/preguntas.css");
@import url("componentes/cerraduras.css");
@import url("componentes/capas.css");
@import url("componentes/meta.css");
@import url("componentes/grabaciones.css");
@import url("componentes/avisos.css");

@import url("pantallas/portada.css");
@import url("pantallas/personalizar.css");
@import url("pantallas/inicio.css");
@import url("pantallas/partida.css");
@import url("pantallas/final-capitulo.css");
@import url("pantallas/album.css");
@import url("pantallas/tienda.css");
@import url("pantallas/ajustes.css");
@import url("pantallas/informe.css");

@import url("base/lectura-accesible.css");
@import url("base/adaptable.css");