/**
 * @license Copyright 2021 Lahuen Health SPA. All Rights Reserved.
 */

/**
 * Modelo de caja establecido a border box.
 *
 * @see https://css-tricks.com/box-sizing/
 */
*,
*::before,
*::after {
	box-sizing: inherit;
}

/**
 * Tamaño de fuente establecido a 62.5% (edit: más tarde a .7vw) para que 1rem sea equivalente a
 * 10px, pudiendo manipular este valor para generar un "zoom lógico", siempre y cuando todas las
 * medidas de la aplicación sean expresadas en REMs.
 *
 * @see http://www.cristalab.com/tutoriales/las-medidas-em-y-rem-en-css3-c113125l/
 */
html {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	font-size: 1.44vh;
	/*font-size : .7vw;*/
	min-height: 100%;
}

/**
 * Elementos html y body establecidos con ´display : flex´ para que la aplicación use todo el
 * espacio vertical disponible. Es importante que el elemento html tenga establecido su alto, siendo
 * de preferencia su alto mínimo en vez del alto absoluto.
 * Este hack hace innecesario, y desaconsejado, establecer el alto del elemento raíz de la
 * aplicación.
 */
body {
	display: flex;
	flex: 1;
	flex-direction: column;
}

/**
 * Preloader.
 */
.l-root__preloader {
	align-items: center;
	background-color: #fff;
	color: #80809c;
	display: flex;
	flex-direction: column;
	font: 600 1.2rem / normal 'Lato', sans-serif;
	gap: 2rem;
	height: 100%;
	justify-content: center;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
}

.l-root__preloader:not([c-veil]) {
	display: none;
}

.l-root[c-veil] {
	display: none;
}