/**
 * @author	Alvaro Fuentes <alvaro.fuentes.zurita@gmail.com>
 */


/* latin-ext */
@font-face
{
	font-family		: 'Dosis';
	font-style		: normal;
	font-weight		: 400;
	src				: url('../fonts/RlBXAIuiO5GvH9-0-JbBlw.woff2');
	unicode-range	: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face
{
	font-family		: 'Dosis';
	font-style		: normal;
	font-weight		: 400;
	src				: url('../fonts/4hYyXH_8WmbBLamf6WjLwg.woff2');
	unicode-range	: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face
{
	font-family		: 'Dosis';
	font-style 		: normal;
	font-weight		: 600;
	src				: url('../fonts/yeSIYeveYSpVN04ZbWTWghTbgVql8nDJpwnrE27mub0.woff2');
	unicode-range	: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face
{
	font-family		: 'Dosis';
	font-style		: normal;
	font-weight		: 600;
	src				: url('../fonts/O6SOu9hYsPHTU43R17NS5fesZW2xOQ-xsNqO47m55DA.woff2');
	unicode-range	: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin */
@font-face
{
	font-family		: 'Dosis';
	font-style		: normal;
	font-weight		: 700;
	src				: url('../fonts/HnWPZ7ZVoe8ILidRU2qf.ttf');
	unicode-range	: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}


@font-face
{
	font-family	: 'Material Icons';
	font-style	: normal;
	font-weight	: 400;
	src			: url('../material_icons-v2.2.0-regular.woff2');
}


/* latin */
@font-face
{
	font-family		: 'Nunito';
	font-style		: normal;
	font-weight		: 400;
	src				: url('../fonts/XRXV3I6Li01BKofINeaB.woff2');
	unicode-range	: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face
{
	font-family		: 'Nunito';
	font-style		: normal;
	font-weight		: 700;
	src				: url('../fonts/XRXW3I6Li01BKofAjsOUYevI.woff2');
	unicode-range	: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* cyrillic-ext */
@font-face
{
	font-family		: 'Open Sans';
	font-style		: normal;
	font-weight		: 400;
	src				: url('../fonts/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2');
	unicode-range	: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */
@font-face
{
	font-family		: 'Open Sans';
	font-style		: normal;
	font-weight		: 400;
	src				: url('../fonts/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2');
	unicode-range	: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face
{
	font-family		: 'Open Sans';
	font-style		: normal;
	font-weight		: 400;
	src				: url('../fonts/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2');
	unicode-range	: U+1F00-1FFF;
}

/* greek */
@font-face
{
	font-family		: 'Open Sans';
	font-style		: normal;
	font-weight		: 400;
	src				: url('../fonts/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2');
	unicode-range	: U+0370-03FF;
}

/* vietnamese */
@font-face
{
	font-family		: 'Open Sans';
	font-style		: normal;
	font-weight		: 400;
	src				: url('../fonts/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2');
	unicode-range	: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face
{
	font-family		: 'Open Sans';
	font-style		: normal;
	font-weight		: 400;
	src				: url('../fonts/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2');
	unicode-range	: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face
{
	font-family		: 'Open Sans';
	font-style		: normal;
	font-weight		: 400;
	src				: url('../fonts/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2');
	unicode-range	: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* cyrillic-ext */
@font-face
{
	font-family		: 'Open Sans';
	font-style		: normal;
	font-weight		: 700;
	src				: url('../fonts/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2');
	unicode-range	: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */
@font-face
{
	font-family		: 'Open Sans';
	font-style		: normal;
	font-weight		: 700;
	src				: url('../fonts/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2');
	unicode-range	: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face
{
	font-family		: 'Open Sans';
	font-style		: normal;
	font-weight		: 700;
	src				: url('../fonts/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2');
	unicode-range	: U+1F00-1FFF;
}

/* greek */
@font-face
{
	font-family		: 'Open Sans';
	font-style		: normal;
	font-weight		: 700;
	src				: url('../fonts/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2');
	unicode-range	: U+0370-03FF;
}

/* vietnamese */
@font-face
{
	font-family		: 'Open Sans';
	font-style		: normal;
	font-weight		: 700;
	src				: url('../fonts/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2');
	unicode-range	: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face
{
	font-family		: 'Open Sans';
	font-style		: normal;
	font-weight		: 700;
	src				: url('../fonts/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2');
	unicode-range	: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face
{
	font-family		: 'Open Sans';
	font-style		: normal;
	font-weight		: 700;
	src				: url('../fonts/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2');
	unicode-range	: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/**
 * Tamaño de fuente establecido a 62.5% 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/
 *
 *
 * Modelo de caja establecido a border box
 *
 * @see https://css-tricks.com/box-sizing
 */
html
{
	box-sizing	: border-box;
	font-size	: .7vw;
	/*font-size	: 62.5%;*/
	height		: 100%;
}

*, *::before, *::after
{
	box-sizing	: inherit;
}

/**
 * Los bloques raíz de la aplicación deben ser establecidos al 100% de alto para
 * que el wrapper de la aplicación se expanda verticalmente.
 */
body
{
	background-color	: #ebf1f7;
	min-height			: 100%;
}

[v-cloak]
{
	display : none !important;
}


/**
 * Estilos generales.
 */
.hegc
{
	color		: #333;
	font-family	: 'Open Sans';
	font-size	: 1.6rem;

}


/* Botón. */
.hegc button
{
	cursor			: pointer;
	font-family		: 'Dosis', sans-serif;
	font-size		: 100%;
	line-height		: 100%;
	outline			: none;
	text-transform	: uppercase;
}


/**
 * Por lo general los margenes de cabezal por defecto se reemplazan
 * completamente por uno personalizado.
 */
.hegc h2,
.hegc h3
{
	font-size	: inherit;
	margin		: 0;
}


/**
 * Por lo general el estilo de lista por defecto se reemplaza completamente por
 * uno personalizado.
 */
.hegc ul
{
	list-style	: none;
	margin		: 0;
	padding		: 0;
}


/* Entrada de texto. */
.hegc input
{
	font-family	: inherit;
	font-size	: 100%;
}


/* Combobox. */
.hegc select
{
	font-family	: inherit;
	font-size	: 100%;
}


/* Área de texto. */
.hegc textarea
{
	font-family	: inherit;
	font-size	: 100%;
	resize		: none;
}


/* Precargador. */
.hegc.w-preloader
{
	align-items			: center;
	background-color	: #fff;
	border				: .2rem solid #b4bdce;
	border-radius		: .5rem;
	height				: 17rem;
	justify-content		: center;
	margin				: 1rem auto;
	width				: 30rem;
}


/**
 * El ancho mínimo es de 1020px, suficiente para desplegar el contenido
 * correctamente en una antigua pantalla con resolución máxima de 1024px x
 * 768px.
 */
.hegc.app
{
	/*min-width	: 1020px;*/
}


.hegc.w-preloader::before
{
	background-image	: url('spinner--linea-circular.svg');
	content				: '';
	height				: 6rem;
	margin-bottom		: 2rem;
	width				: 6rem;
}

.hegc .w-preloader__body
{
	color			: #0b405e;
	font-family		: 'Dosis', sans-serif;
	font-weight		: bold;
	text-transform	: uppercase;
}


/* Barra de áreas. */
.hegc .w-actiongroup.barra-areas
{
	align-content	: space-between;
	display			: flex;
	flex-wrap		: wrap;
	justify-content	: space-between;
}

.hegc .barra-areas .w-actiongroup__action
{
	background		: #fff center / 2.8rem no-repeat;
	border			: none;
	border-radius	: .5rem;
	height			: 3.2rem;
	opacity			: .8;
	padding			: .2rem;
	transition		: background-color ease 0.25s, opacity ease 0.25s;
	width			: 3.2rem;
}

.hegc .barra-areas .w-actiongroup__action:hover,
.hegc .barra-areas .w-actiongroup__action--active
{
	opacity	: 1;
}

.hegc .barra-areas .w-actiongroup__action::after
{
	-webkit-mask		: no-repeat center;
	background-color	: #193c82;
	content				: '';
	display				: block;
	height				: 100%;
	width				: 100%;
}

.hegc .barra-areas .w-actiongroup__action-label
{
	display	: none;
}


/* Formulario. */
.hegc .w-form
{
	display			: flex;
	flex-direction	: column;
	flex-wrap		: wrap;
}

/* Conjunto de campos de formulario. */
.hegc .w-form > .w-form__fieldset
{
	display			: flex;
	flex-direction	: column;
}

/* Cabecera de conjunto de campos de formulario. */
.hegc .w-form > .w-form__fieldset > .w-form__fieldset-header
{
	align-self			: flex-start;
	background-color	: #193c82;
	border-radius		: .5rem .5rem 0 0;
	color				: #fff;
	padding				: .7rem 1rem;
}

/* Título de conjunto de campos de formulario. */
.hegc .w-form > .w-form__fieldset > .w-form__fieldset-header .w-form__fieldset-title
{
	font-family		: 'Dosis', sans-serif;
	font-weight		: normal;
	text-transform	: uppercase;
}

/* Cuerpo de conjunto de campos de formulario. */
.hegc .w-form > .w-form__fieldset > .w-form__fieldset-body
{
	background-color	: #fff;
	border				: .1rem solid #d1d8e6;
	border-radius		: 0 .5rem .5rem .5rem;
	display				: flex;
	flex-wrap			: wrap;
	padding				: 1rem;
}

/* Campo de formulario. */
.hegc .w-form__field
{
	align-items	: center;
	display		: flex;
	width		: 100%;
}

/* Etiqueta de campo de formulario. */
.hegc .w-form__field-label
{
	align-items	: center;
	align-self	: flex-start;
	display		: flex;
	height		: 3.6rem;
}

/* Espacio de despliegue de marca de requerido. */
.hegc .w-form__field-label::before
{
	color		: #f46767;
	content		: '\2022';
	font-size	: 2rem;
	font-weight	: bold;
	opacity		: 0;
	transition	: opacity ease 0.25s;
	width		: 1rem;
}

/* Marca de requerido en etiqueta de formulario. */
.hegc .w-form__field--required > .w-form__field-label::before
{
	opacity	: 1;
}

.hegc .w-form__field--disabled > .w-form__field-label::before
{
	opacity	: 0;
}

/* Dos puntos de etiqueta de campo de formulario. */
.hegc .w-form__field-label::after
{
	content	: ':';
}

/* Valor de campo de formulario. */
.hegc .w-form__field-value
{
	background-color	: #f9efdc;
	border				: none;
	border-radius		: .5rem;
	height				: 3.2rem;
	margin				: .2rem 0;
	outline				: none;
	padding				: .4rem .7rem;
	transition			: background-color ease 0.25s, color ease 0.25s;
}

/* Valor de campo de formulario inválido. */
.hegc .w-form__field--invalid .w-form__field-value
{
	background-color	: #ffb49f;
}

/* Valor de campo de formulario con foco. */
.hegc .w-form__field .w-form__field-value:focus
{
	background-color	: #ffdaab;
}

/* Valor de campo de formulario desabilitado. */
.hegc .w-form__field--disabled .w-form__field-value
{
	background-color	: #eee;
	color				: #bbb;
	cursor				: not-allowed;
}

/* Valor checkbox. */
.hegc .w-form__field--checkbox .w-form__field-value
{
	-webkit-appearance	: none;
	background-image	: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"/>');
	background-position	: center;
	background-repeat	: no-repeat;
	background-size		: 1.8rem;
	height				: 2rem;
	margin				: .8rem 0;
	transition			: background-color ease 0.25s, background-image ease 0.25s;
	width				: 2rem;
}

.hegc .w-form__field--checkbox .w-form__field-value:checked
{
	background-image	: url('data:image/svg+xml,<svg fill="%23193c82" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z"/></svg>');
}

/* Grupo fieldgroup. */
.hegc .w-form__field-group
{
	display		: flex;
	flex-wrap	: wrap;
}

/* Valor radio. */
.hegc .w-form__field--radio .w-form__field-value
{
	-webkit-appearance	: none;
	background-image	: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"/>');
	background-position	: center;
	background-repeat	: no-repeat;
	background-size		: 1rem;
	border-radius		: 50%;
	height				: 2rem;
	margin				: .8rem 0;
	transition			: background-color ease 0.25s, background-image ease 0.25s;
	width				: 2rem;
}

.hegc .w-form__field--radio .w-form__field-value:checked
{
	background-image	: url('data:image/svg+xml,<svg fill="%23193c82" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"><circle cx="250" cy="250" r="250"/></svg>');
}

/* Valor radiogroup. */
.hegc .w-form__field--radiogroup > .w-form__field-value
{
	background-color	: transparent;
	border				: none;
	border-radius		: initial;
	display				: flex;
	flex-wrap			: wrap;
	height				: initial;
	margin				: 0;
	padding				: 0;
	transition			: none;
}

.hegc .w-form__field--radiogroup.w-form__field--invalid .w-form__field--radio .w-form__field-value
{
	background-color	: #ffb49f;
}

/* Valor textarea. */
.hegc .w-form__field--textarea .w-form__field-value
{
	width	: 100%;
}

/* Valor w-typeahead. */
.hegc .w-form__field--typeahead .w-form__field-value
{
	background-color	: transparent;
	border-radius		: initial;
	height				: initial;
	margin				: 0;
	padding				: 0;
	transition			: none;
}

.hegc .w-form__field-value .w-typeahead__value
{
	-webkit-appearance	: menulist;
	background-color	: #f9efdc;
	border				: none;
	border-radius		: .5rem;
	height				: 3.2rem;
	margin				: .2rem 0;
	outline				: none;
	padding				: .4rem .7rem;
	transition			: background-color ease 0.25s, color ease 0.25s;
	width				: 100%;
}

.hegc .w-form__field--invalid .w-typeahead__value
{
	background-color	: #ffb49f;
}

.hegc .w-form__field-value .w-typeahead__value:focus
{
	background-color	: #ffdaab;
}

.hegc .w-form__field--disabled .w-typeahead__value
{
	background-color	: #eee;
	color				: #bbb;
	cursor				: not-allowed;
}

.hegc .w-form__field-value .w-typeahead__value::-webkit-calendar-picker-indicator
{
	cursor	: pointer;
	opacity	: 0;
}


/* Modal. */

/* Elemento modal nativo. */
.hegc .w-modal--native
{
	background	: none;
	border		: none;
	color		: inherit;
	padding		: 0;
}

/* Raíz de modal. */
.hegc .w-modal
{
	background		: #fcf6f2 center bottom no-repeat;
	background-size	: contain;
	border-radius	: .5rem;
	display			: flex;
	flex-direction	: column;
	padding			: 4.2rem 2.5rem 3.7rem;
}

/* Botón cerrar modal. */
.hegc .w-modal__action--close
{
	-webkit-mask	: url('icon--equis.svg') no-repeat center;
	background		: #d2b98e;
	border			: none;
	height			: 1.7rem;
	position		: absolute;
	right			: 1.2rem;
	top				: 1.2rem;
	width			: 1.7rem;
}

.hegc .w-modal__action-label
{
	display	: none;
}

/* Cabecera de modal. */
.hegc .w-modal__header
{
	align-items		: center;
	display			: flex;
	flex-wrap		: wrap;
	margin-bottom	: 2rem;
	text-align		: center;
}

/* Título de modal. */
.hegc .w-modal__title
{
	font-size	: 2.4rem;
	width		: 100%;
}

.hegc .w-modal__title-label
{
	color			: #193c82;
	font-family		: 'Dosis', sans-serif;
	text-transform	: uppercase;
}

/* Subtítutlo de modal. */
.hegc .w-modal__subtitle
{
	font-size	: 1.8rem;
	margin-top	: .7rem;
	width		: 100%;
}

.hegc .w-modal__subtitle-label
{
	color			: #636363;
	font-family		: 'Dosis', sans-serif;
	text-transform	: uppercase;
}

/* Cuerpo de modal. */
.hegc .w-modal__body
{
	display			: flex;
	flex			: 1;
	flex-direction	: column;
	justify-content	: space-between;
	margin-bottom	: 2rem;
}

/* Campo de modal */
.hegc .w-modal__field
{
	display			: flex;
	flex-direction	: column;
}

/* Etiqueta de campo de modal */
.hegc .w-modal__field-label
{
	align-self			: flex-start;
	background-color	: #193c82;
	border-radius		: .5rem .5rem 0 0;
	color				: #fff;
	font-family			: 'Dosis', sans-serif;
	font-size			: 1.5rem;
	padding				: .7rem 1rem;
	text-transform		: uppercase;
}

.hegc .w-modal__field-value
{
	background-color	: #f9efdc;
	border				: none;
	border-radius		: 0 .5rem .5rem;
	outline				: none;
	padding				: .4rem .7rem;
}

/* Pie de modal. */

/* Barra de acciones de modal. */
.hegc .w-modal__footer .w-modal__actionbar
{
	display			: flex;
	justify-content	: flex-end;
}

/* Acción de modal. */
.hegc .w-modal__footer .w-actiongroup__action
{
	background-color	: #737373;
	border				: none;
	border-radius		: .5rem;
	color				: #fff;
	padding				: .5rem 1.5rem;
}

.hegc .w-modal__footer .w-actiongroup__action:not(:last-child)
{
	margin-right	: 1rem;
}


/* Modal de autentificación. */

/* Raíz de modal de autentificación. */
.hegc .w-auth .w-modal
{
	height	: 23rem;
	width	: 40rem;
}

/* Contraseña de modal de autentificación. */
.hegc .w-auth .w-modal__body
{
	justify-content	: initial;
}

/* Contraseña de modal de autentificación. */
.hegc .w-auth .w-modal__password
{
	background			: #f9efdc url('icon--llave.svg') 1rem / 1.7rem no-repeat;
	border				: none;
	border-radius		: .5rem;
	height				: 3.2rem;
	outline				: none;
	padding				: .4rem .7rem .4rem 3.4rem;
	transition			: background-color ease 0.25s;
}

.hegc .w-auth .w-modal__password--invalid
{
	background-color	: #ffb49f;
}

/* Estado de modal de autentificación. */
.hegc .w-auth .w-modal__status
{
	align-self		: center;
	color			: #737373;
	font-family		: 'Dosis', sans-serif;
	font-size		: 1.4rem;
	font-weight		: bold;
	margin-top		: .7rem;
	opacity			: 0;
	text-transform	: uppercase;
	transition		: opacity ease 0.25s;
}

.hegc .w-auth .w-modal__status:not(:empty)
{
	opacity	: 1;
}

/* Pie de modal de autentificación. */
.hegc .w-auth .w-modal__footer
{
	align-self	: center;
}


/**
 * Cadena de flex para que los cuerpos principales de la aplicación usen todo el
 * espacio vertical disponible.
 */
.hegc,
.hegc .l-root__body,
.hegc .l-article,
.hegc .l-article__body
{
	display			: flex;
	flex			: 1;
	flex-direction	: column;
	position: relative;
}


/**
 * Cabecera raíz.
 */
.hegc .l-root__header
{
	background-color	: #193c82;
	display				: flex;
	flex-wrap			: wrap;
	height				: 16rem;
}

/* Título. */
.hegc .l-root__title
{
	display			: flex;
	flex-wrap		: wrap;
	margin			: 2.5rem;
}

/* Etiqueta de título. */
.hegc .l-root__title-label
{
	color			: #fff;
	font-family		: 'Dosis', sans-serif;
	font-weight		: normal;
	line-height		: 100%;
	text-transform	: uppercase;
}

.hegc .l-root__title-label--main
{
	font-size	: 2.8rem;
	width		: 100%;
}

.hegc .l-root__title-label--sub
{
	font-size	: 1.9rem;
}

/* Banner. */
.hegc .l-root__title::after
{
	background	: transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"/>') center top / 60rem 11rem no-repeat;
	content		: '';
	height		: 11rem;
	left		: calc(50% - 60rem / 2 + 7rem);
	position	: absolute;
	top			: 1.9rem;
	transition	: background-image ease 0.25s;
	width		: 60rem;
}

/* Barra principal. */
.hegc .barra-principal
{
	align-items			: center;
	align-self			: flex-end;
	background-color	: #4266c1;
	display				: flex;
	height				: 5.8rem;
	justify-content		: flex-end;
	padding				: 0 2.5rem;
	transition			: background-color ease 0.25s;
	width				: 100%;
}

/* Herramientas principales. */
.hegc .herramientas-principales
{
	display	: flex;
	flex	: 1;
}

.hegc .herramientas-principales .w-toolbar__body,
.hegc .w-actiongroup.herramientas-principales
{
	display		: flex;
}

/* Acciones de herramientas principales. */
.hegc .herramientas-principales .w-actiongroup__action,
.hegc .herramientas-principales .w-toolbar__action
{
	background-color	: #737373;
	border				: .1rem solid #191ea0;
	border-radius		: .5rem;
	color				: #fff;
	padding				: 1rem 1.5rem;
	transition			: background-color ease 0.25s;
}

.hegc .herramientas-principales .w-actiongroup__action:not(:last-child),
.hegc .herramientas-principales .w-toolbar__action:not(:last-child)
{
	margin-right	: 1rem;
}

.hegc .herramientas-principales .w-actiongroup__action--active,
.hegc .herramientas-principales .w-toolbar__action--active
{
	background-color	: #76bf86;
}

/* Acción de herramienta. */
.hegc .barra-principal .toolbar-action
{
	align-items			: center;
	background-color	: #737373;
	border				: .1rem solid #191ea0;
	border-radius		: .5rem;
	color				: #fff;
	display				: flex;
	height				: 3.8rem;
	justify-content		: center;
	padding				: 0 1.5rem;
}

.hegc .barra-principal .toolbar-action::before
{
	-webkit-mask		: no-repeat center;
	background-color	: #fff;
	content				: '';
	height				: 2rem;
	margin-right		: .5rem;
	width				: 2rem;
}

.hegc .barra-principal .toolbar-action__label
{
	display	: none;
}

/* Contador principal. */
.hegc .contador-principal
{
	align-items		: center;
	display			: flex;
	font-family		: 'Dosis', sans-serif;
	text-transform	: uppercase;
}

.hegc .contador-principal .w-counter__from,
.hegc .contador-principal .w-counter__to
{
	align-items			: center;
	background-color	: #193c82;
	border-radius		: 50%;
	color				: #fff;
	display				: flex;
	font-family			: 'Nunito', sans-serif;
	font-size			: 1.2rem;
	font-weight			: bold;
	height				: 2.3rem;
	justify-content		: center;
	margin-right		: .5rem;
	width				: 2.3rem;
}

.hegc .contador-principal .w-counter__infix
{
	margin-right	: .5rem;
}


/**
 * Cuerpo principal.
 */


/**
 * Artículo.
 */
.hegc .l-article
{
	padding	: 2.5rem;
}

/* Cabecera de artículo. */
.hegc .l-article__header
{
	display			: flex;
	justify-content	: flex-end;
	padding			: 0 0 1rem;
}


/* Barra contador. */
.hegc .barra-contador
{
	align-items	: center;
	display		: flex;
	flex		: 1;
}

.hegc .barra-contador__item
{
	align-items			: center;
	/*background-color	: #fff;*/
	border-radius		: .9rem;
	display				: flex;
	height 				: 1.8rem;
	padding-right		: 1rem;
}

.hegc .barra-contador__item::before
{
	-webkit-mask	: no-repeat center;
	align-self		: stretch;
	border-radius	: 50%;
	content			: '';
	margin-right	: .3rem;
	width			: 1.8rem;
}

.hegc .barra-contador__item:not(:last-child)
{
	margin-right	: 1rem;
}

.hegc .barra-contador__item-value
{
	font-family		: 'Nunito';
	font-size		: 1.4rem;
	font-weight		: 600;
	margin-right	: .3rem;
	margin-top		: .2rem;
}

.hegc .barra-contador__item-label
{
	font-family		: 'Dosis';
	font-size		: 1.3rem;
	text-transform	: uppercase;
}

.hegc .barra-contador__item.dotacion
{
	padding-left		: .7rem;
	background-color	: #fff;
}

.hegc .barra-contador__item.dotacion::before
{
	display	: none;
}

.hegc .barra-contador__item.dotacion::after
{
	background-color	: #999;
}

.hegc .barra-contador__item.ocupadas::before
{
	-webkit-mask-image	: url('icon--circulo-usuario.svg');
	background-color	: #9d392d;
}

.hegc .barra-contador__item.disponibles::before
{
	-webkit-mask-image	: url('icon--circulo-cama.svg');
	background-color	: #95c241;
}

.hegc .barra-contador__item.reservadas::before
{
	-webkit-mask-image	: url('icon--circulo-etiqueta.svg');
	background-color	: #523d65;
}

.hegc .barra-contador__item.bloqueadas::before
{
	-webkit-mask-image	: url('icon--circulo-candado.svg');
	background-color	: #ea5d80;
}


/* Barra de filtros. */
.hegc .w-toolbar.barra-filtros
{
	align-items	: center;
	display		: flex;
	flex		: 1;
}

/* Título de barra de filtros. */
.hegc .barra-filtros .w-toolbar__title
{
	font-family		: 'Dosis', sans-serif;
	margin-right	: 1rem;
	text-transform	: uppercase;
	white-space		: nowrap;
}

/* Cuerpo de barra de filtros. */
.hegc .barra-filtros .w-toolbar__body
{
	align-items	: center;
	display		: flex;
}

/* Acción de barra de filtros. */
.hegc .barra-filtros .w-toolbar__action:not(.limpiar)
{
	align-items			: center;
	background-color	: transparent;
	border				: #8d9fd3 solid .2rem;
	border-radius		: .7rem;
	color				: #193c82;
	display				: flex;
	font-size			: 1.5rem;
	font-weight			: bold;
	padding				: .5rem 1.2rem;
	transition			: background-color ease 0.25s, color ease 0.25s;
	white-space			: nowrap;
}

.hegc .barra-filtros .w-toolbar__action:not(:last-child)
{
	margin-right	: .8rem;
}

.hegc .barra-filtros .w-toolbar__action--active:not(.limpiar)
{
	color				: #ebf1f7;
	background-color	: #8d9fd3;
}

.hegc .barra-filtros .w-toolbar__action:not(.limpiar)::before
{
	-webkit-mask		: no-repeat center;
	background-color	: #193c82;
	content				: '';
	height				: 1.6rem;
	margin-right		: .4rem;
	transition			: background-color ease 0.25s;
	width				: 1.6rem;
}

.hegc .barra-filtros .w-toolbar__action--active:not(.limpiar)::before
{
	background-color	: #fff;
}

.hegc .barra-filtros.pabellon .w-toolbar__action--active:not(.limpiar)::before
{
	background-color: #fff!important;
background-image: none!important;
}

/* Acción limpiar filtros. */
.hegc .barra-filtros .w-toolbar__action.limpiar
{
	background	: transparent url('icon--limpiar.svg') center / 2rem no-repeat;
	border		: none;
	height		: 2.9rem;
	opacity		: .7;
	padding		: 0;
	transition	: opacity ease 0.25s;
	width		: 2.9rem;
}

.hegc .barra-filtros .w-toolbar__action.limpiar:hover
{
	opacity	: 1;
}

.hegc .barra-filtros .w-toolbar__action.limpiar .w-toolbar__action-label
{
	display	: none;
}


/* Filtro de fecha. */
.hegc .filtro-fecha
{
	background		: #dce1ef;
	border			: none;
	border-radius	: .7rem;
	color			: #7386ad;
	font-family		: 'Nunito';
	font-size		: 1.3rem;
	font-weight		: 700;
	outline			: none;
	padding			: 0 1rem;
	position		: relative;
	width			: 16.5rem;
}

.hegc .filtro-fecha::-webkit-calendar-picker-indicator
{
	cursor	: pointer;
	margin	: 0;
	opacity	: 0;
	width	: 1rem;
}

.hegc .filtro-fecha::-webkit-clear-button,
.hegc .filtro-fecha::-webkit-inner-spin-button,
.hegc .filtro-fecha::-webkit-outer-spin-button
{
	display	: none;
	margin	: 0;
}

.hegc .filtro-fecha::before
{
	-webkit-mask	: url('icon--calendario-cruz.svg') no-repeat center;
	background		: #7386ad;
	content			: '';
	height			: 2rem;
	position		: absolute;
	right			: 1rem;
	width			: 2rem;
}


/* Descaga de listado de atenciones. */
.hegc .descargar-documento
{
	align-items		: center;
	background		: none;
	border			: none;
	border-radius	: .7rem;
	color			: #7386ad;
	display			: flex;
	font-size		: 1.3rem;
	font-weight		: 700;
	height			: 3rem;
	margin-left		: .5rem;
	outline			: none;
	padding			: 0 .5rem;
	position		: relative;
}

.hegc .descargar-documento::before
{
	background	: no-repeat center;
	content		: '';
	height		: 2.5rem;
	width		: 2.5rem;
}

.hegc .descargar-documento__label
{
	display	: none;
}


/* Cuerpo artículo. */


/* Tabla principal. */
.hegc .w-table.tabla--principal
{
	border-collapse	: collapse;
	font-size		: 1.3rem;
	table-layout	: fixed;
	width			: 100%;
}

/* Cabecera de tabla. */

/* Celda de cabecera de tabla. */
.hegc .tabla--principal .w-table__header-cell
{
	background-color	: #4266c1;
	color				: #fff;
	font-size			: 1.2rem;
	font-weight			: normal;
	height				: 2.2rem;
	padding				: .8rem .5rem .5rem;
	text-align			: left;
}

.hegc .tabla--principal .w-table__header-cell:not(:last-child)
{
	border-right	: .1rem solid #8ea3da;
}

/* Cuerpo de tabla. */

/* Fila par de tabla. */
.hegc .tabla--principal .w-table__row:nth-child(even)
{
	background-color : #f0f0f0;
}

/* Fila impar de tabla. */
.hegc .tabla--principal .w-table__row:nth-child(odd)
{
	background-color : #fff;
}

/* Celda de tabla. */
.hegc .tabla--principal .w-table__cell
{
	padding	: .8rem .5rem;
}

/* Acciones de tabla. */
.hegc .tabla--principal .w-table__action
{
	-webkit-mask		: no-repeat center;
	-webkit-mask-size	: cover;
	background-color	: #0b405e;
	border				: none;
	height				: 2.8rem;
	padding				: 0;
	width				: 2.8rem;
}

.hegc .tabla--principal .w-table__action--disabled
{
	background-color	: #ccc;
}

.hegc .tabla--principal .w-table__action:not(:last-child)
{
	margin-right	: .4rem;
}

.hegc .tabla--principal .w-table__action-label
{
	display	: none;
}