/* --------------------------------------------------------------------------
 * Paleta de Colores Institucionales.
 * --------------------------------------------------------------------------
 */
@color-rojo-fi: rgb(205, 23, 30);
@color-encabezado-fondo: rgb(216, 216, 216);
@color-menu-fondo: rgb(238, 238, 238);
@color-titulo-fondo: rgb(245, 245, 245);
@color-titulo-borde: 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: 29px;
@separacion-contenido-tituloSeccion: 25px;

/* --------------------------------------------------------------------------
 * Variables de Tamaño para texto.
 * --------------------------------------------------------------------------
 */
@tamano-contenido-titulo-interfaz-fuente: 24px;
@tamano-contenido-seccion-titulo-fuente: 22px;
@tamano-contenido-formulario-login-titulo-fuente: 32px;

/* --------------------------------------------------------------------------
 * 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: rgb(118, 118, 118);

/* --------------------------------------------------------------------------
 * 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-barra-menu: 58px;
@altura-pie-desktop: 200px;
@altura-pie-movil: 50px;

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

/* --------------------------------------------------------------------------
 * Archivos de estilos LESS del Framework.
 * --------------------------------------------------------------------------
 */
@import "_encabezado202309110911.less";
@import "_barraMenu202309110911.less";
@import "_barraUsuario202309110911.less";
@import "_contenido202309110911.less";
@import "_pie202309110911.less";

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