@import 'css/normalize.css';
@import 'css/variables.css';
@import 'css/globales.css';
@import 'css/fondoSalas.css';

/* Consola */
@import 'css/ui.css';
@import 'css/consola.css';
@import 'css/templateUi.css';

/*Estilo paginas*/
@import 'css/nav.css';
@import 'css/footer.css';
@import 'css/home.css';
@import 'css/guia.css';
@import 'css/historial.css';
@import 'css/cargarPartida.css';
@import 'css/responsive.css';



/*
   Esta regla va al final del archivo principal para que tenga prioridad
   sobre cualquier display definido antes en .inicio, .tutorial u otros bloques.
   De esta forma, cuando JavaScript asigne element.hidden = true,
   el navegador realmente ocultará el elemento aunque su clase use display:flex.
*/
[hidden] {
	display: none !important;
}