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

/* ============================================================================================== */
/* Layout principal */
/* Contenedor nativo */
.c-auth.c-modal {
	background		: none;
	border			: none;
	border-radius	: 1rem;
	box-shadow		: 0 0 1.5rem .5rem rgba(0, 0, 0, .4);
	padding			: 0;
}

.c-auth.c-modal::backdrop {
	background-color	: rgba(0, 0, 0, .4);
}

/* Contenedor */
.c-auth .c-modal__root {
	background		: #fcf6f2 no-repeat bottom;
	background-size	: contain;
	border-radius	: 1rem;
	display			: flex;
	flex-direction	: column;
	max-width		: 45rem;
	min-width		: 35rem;
	padding			: 1rem 1rem 2.5rem;
}

/* Precabecera */
.c-auth .c-modal__preheader {
	display			: flex;
	justify-content	: flex-end;
}

.c-auth .c-modal__preheader:not(:empty) {
	margin-bottom	: .5rem;
}

.c-auth .c-modal__action {
	align-items			: center;
	background-color	: #f9efdc;
	border				: none;
	border-radius		: .5rem;
	cursor				: pointer;
	display				: flex;
	height				: 2rem;
	justify-content		: center;
	margin				: 0;
	outline				: none;
	padding				: 0;
	width				: 2rem;
}

.c-auth .c-modal__action:not(:last-child) {
	margin-right	: .5rem;
}

.c-auth .c-modal__action::before {
	-webkit-mask		: no-repeat center;
	-webkit-mask-size	: contain;
	background-color	: #d2b98e;
	content				: '';
	height				: 1rem;
	width				: 1rem;
}

.c-auth .c-modal__action .c-action__label {
	display	: none;
}

/* Reglas por acción de precabecera */
.c-auth .c-modal__action--close::before {
	-webkit-mask-image	: url('/assets/skins/lahuen/images/icon--close.svg');
}

/* Cabecera */
.c-auth .c-modal__header {
	align-items		: center;
	display			: flex;
	flex-direction	: column;
	margin-bottom	: 1.5rem;
	padding 		: 0 1.5rem;
}

/* Título */
.c-auth .c-modal__title {
	margin	: 0;
}

.c-auth .c-modal__title .c-title__label {
	color			: #193c82;
	display			: block;
	font			: 700 2rem/2rem 'Dosis', sans-serif;
	text-align		: center;
	text-transform	: uppercase;
}

.c-auth .c-modal__title .c-title__label:not(:empty) {
	margin-bottom	: .5rem;
}

/* Subtítulo */
.c-auth .c-modal__subtitle {
	margin	: 0;
}

.c-auth .c-modal__subtitle .c-title__label {
	color			: #737373;
	display			: block;
	font			: 700 1.7rem/1.7rem 'Dosis', sans-serif;
	text-transform	: uppercase;
}

/* Cuerpo */
.c-auth .c-modal__body {
	display			: flex;
	flex-direction	: column;
	padding			: 0 3rem;
}

.c-auth .c-pair {
	margin-bottom	: .8rem;
	width			: 100%;
}

.c-auth .c-pair__label {
	display	: none;
}

.c-auth__input {
	background			: #f9efdc no-repeat 1.1rem center / 1.7rem;
	border				: none;
	border-radius		: .5rem;
	font				: 1.4rem/1.4rem 'Dosis', sans-serif;
	height				: 3.2rem;
	margin				: 0;
	outline				: none;
	padding				: .4rem .7rem .4rem 3.5rem;
	text-transform		: uppercase;
	transition			: background-color ease 0.25s;
	width				: 100%;
}

.c-auth__input:focus {
	background-color	: #ffdaab;
}

.c-pair--invalid .c-auth__input {
	background-color	: #ffb49f;
}

.c-auth__input::placeholder {
	color	: #9a9a9a;
}

.c-auth__input--username {
	background-image	: url('/assets/skins/lahuen/images/icon--user.svg');
}

.c-auth__input--passphrase {
	background-image	: url('/assets/skins/lahuen/images/icon--key.svg');
}

.c-auth__state {
	height		: 1.4rem;
	margin		: .4rem auto 0;
	min-width	: 1.4rem;
}

.c-auth__state .c-state__label {
	color			: #737373;
	font			: 600 1.2rem/1.4rem 'Dosis', sans-serif;
	opacity			: 0;
	text-transform	: uppercase;
	transition		: opacity ease 0.25s;
}

.c-auth__state .c-state__label:not(:empty) {
	opacity	: 1;
}

/* Pie */
.c-auth .c-modal__footer {
	display			: flex;
	justify-content	: center;
}

.c-auth .c-modal__footer:not(:empty) {
	margin-top	: 1.5rem;
}

.c-auth .c-modal__footer .c-action {
	align-items			: center;
	background-color	: #fff;
	border				: .2rem solid #d8d6d5;
	border-radius		: .5rem;
	cursor				: pointer;
	display				: flex;
	justify-content		: center;
	margin				: 0;
	padding				: .2rem 1.3rem;
	text-transform		: uppercase;
	outline				: none;
}

.c-auth .c-modal__footer .c-action--primary {
	background-color	: #4267bb;
	border-color		: #4267bb;
	color				: #fff;
}

.c-auth .c-modal__footer .c-action:not(:last-child) {
	margin-right	: 1rem;
}

.c-auth .c-modal__footer .c-action__label {
	font	: 600 1.2rem/1.2rem 'Dosis', sans-serif;
}

/* ============================================================================================== */
/* Reglas por aplicación/unidad */
/* Ficha */
[data-app-name="ficha"] .c-auth.c-modal {
	transform	: scale(.8);
}

[data-app-name="ficha"] .c-auth .c-modal__root {
	background-color	: #fff;
	background-image	: url('/assets/skins/lahuen/images/bg--modal-ficha.svg');
}

[data-app-name="ficha"] .c-auth .c-modal__preheader .c-action {
	background-color	: #bfd4d8;
}

[data-app-name="ficha"] .c-auth .c-modal__preheader .c-action::before {
	background-color	: #2d6370;
}

/* Ambulatoria */
[data-unit-name="ambulatoria"] .c-auth .c-modal__root {
	background-image	: url('/assets/skins/lahuen/images/bg--modal-ambulatoria.svg');
}

/* Hospitalización */
[data-unit-name="hospitalizacion"] .c-auth .c-modal__root {
	background-image	: url('/assets/skins/lahuen/images/bg--modal-hospitalizacion.svg');
}

/* Servicios */
[data-unit-name="servicios"] .c-auth .c-modal__root {
	background-image	: url('/assets/skins/lahuen/images/bg--modal-servicios.svg');
}

/* Urgencia */
[data-unit-name="urgencia"] .c-auth .c-modal__root {
	background-image	: url('/assets/skins/lahuen/images/bg--modal-urgencia.svg');
}