/* --------------------------------------------------------------------------
 * Paleta de Colores Institucionales.
 * --------------------------------------------------------------------------
 */
@color-rojo-fi: rgb(205, 23, 30);
@color-encabezado-fondo: rgb(216, 216, 216);
@color-menu-gris: rgb(238, 238, 238);
@color-pie-fondo: rgb(51, 51, 51);
@color-pie-titulo: rgb(221, 221, 221);
@color-pie-texto: rgb(204, 204, 204);

/* --------------------------------------------------------------------------
 * Variables de Color para fondo.
 * --------------------------------------------------------------------------
 */
@color-contenido-formulario-login-titulo-fondo: @color-rojo-fi;
@color-contenido-formulario-boton-fondo: @color-rojo-fi;
@color-contenido-confirmacion-titulo-fondo: @color-rojo-fi;
@color-contenido-confirmacion-botonSi-fondo: @color-rojo-fi;
@color-contenido-confirmacion-botonNo-fondo: @color-rojo-fi;

/* --------------------------------------------------------------------------
 * Variables de Separación.
 * --------------------------------------------------------------------------
 */
@separacion-contenido-titulo-interfaz: 1.2em;

/* --------------------------------------------------------------------------
 * Variables de Tamaño para texto.
 * --------------------------------------------------------------------------
 */
@tamano-contenido-titulo-interfaz-fuente: 1.5em;
@tamano-contenido-seccion-titulo-fuente: 1.1em;

/* --------------------------------------------------------------------------
 * Variables de Color para texto.
 * --------------------------------------------------------------------------
 */
@color-barraMenu-fuente: rgb(68, 68, 68);
@color-contenido-titulo-interfaz-fuente: @color-rojo-fi;
@color-contenido-formulario-login-titulo-fuente: rgb(255, 255, 255);
@color-contenido-formulario-boton-fuente: rgb(255, 255, 255);
@color-contenido-confirmacion-titulo-fuente: rgb(255, 255, 255);
@color-contenido-confirmacion-botonSi-fuente: rgb(255, 255, 255);
@color-contenido-confirmacion-botonNo-fuente: rgb(255, 255, 255);
@color-contenido-seccion-titulo-fuente: #767676;

/* --------------------------------------------------------------------------
 * Variables de altura.
 * --------------------------------------------------------------------------
 */
@altura-encabezado-desktop: 102px;
@altura-encabezado-movil: 40px;
@altura-escudo-desktop: @altura-encabezado-desktop - 0.1;
@altura-escudo-movil: @altura-encabezado-movil - 5;
@altura-pie-desktop: 200px;
@altura-pie-movil: 50px;

/* --------------------------------------------------------------------------
 * Variables de puntos de ruptura responsive.
 * --------------------------------------------------------------------------
 */
@breakpoint-up: 767.98px;

/* --------------------------------------------------------------------------
 * Archivos de estilos LESS del Framework.
 * --------------------------------------------------------------------------
 */
@import "_encabezado.less";
@import "_barraMenu.less";
@import "_barraUsuario.less";
@import "_contenido.less";
@import "_pie.less";

/* --------------------------------------------------------------------------
 * Archivo de estilos LESS de la aplicación.
 * --------------------------------------------------------------------------
 */
@import "../../../aplicacion/assets/css/app.less";