/**
 * @license Copyright 2022 Lahuen Health SPA. All Rights Reserved.
 */
/* ============================================================================================== */
/* Layout principal */
/* Contenedor nativo */
.w-dialog.w-modal--native {
	border: none;
	border-radius: 1rem;
	padding: 0;
}

.w-dialog.w-modal--native::backdrop {
	background-color: rgba(0, 0, 0, 0.4);
}

/* Contenedor */
.w-dialog .w-modal {
	min-width: 46rem;
	max-height: 54rem;
	max-width: 54rem;
	padding: 2rem 3rem;
}

/* Marco */
.w-dialog .w-modal__frame {
	display: flex;
	justify-content: flex-end;
	margin-right: -1rem;
}

.w-dialog .w-modal__frame:not(:empty) {
	margin-bottom: 0.5rem;
}

.w-dialog .w-modal__frame .w-action {
	align-items: center;
	border: none;
	cursor: pointer;
	display: flex;
	justify-content: center;
	background-color: #fff;
}

.w-dialog .w-modal__frame .w-action:not(:last-child) {
	margin-right: 0.5rem;
}

.w-dialog .w-modal__frame .w-action::before {
	-webkit-mask: no-repeat center;
	-webkit-mask-size: contain;
	content: '';
	height: 1.3rem;
	width: 1.3rem;
}

.w-dialog .w-modal__frame .w-action__label {
	display: none;
}

/* Cabecera */
.w-dialog .w-modal__header {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-bottom: 1rem;
}

.w-dialog .w-modal__header::before {
	background: no-repeat center;
	background-size: contain;
	content: '';
	height: 10rem;
	margin-bottom: 1.5rem;
	width: 10rem;
}

.w-dialog .w-modal__header--empty::before {
	margin-bottom: 0;
}

.w-dialog .w-modal__title {
	margin: 0;
}

.w-dialog .w-modal__title-label {
	color: var(--primary-c-normal);
	font: 600 2.4rem 'Lato', sans-serif;
}

.w-dialog .w-modal__subtitle {
	margin: 0;
}

.w-dialog .w-modal__subtitle-label {
	color: var(--primary-d-normal);
	font: 600 1.6rem 'Lato', sans-serif;
}

/* Cuerpo */
.w-dialog .w-modal__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font: 400 1.2rem 'Open Sans', sans-serif;
}

.w-dialog__message {
	width: -webkit-fill-available;
	font: 1.4rem/1.4rem 'Open Sans', sans-serif;
	margin: 0;
	text-align: center;
}

/* Pie */
.w-dialog .w-modal__footer {
	display: flex;
	justify-content: center;
}

.w-dialog .w-modal__footer:not(:empty) {
	margin-top: 2rem;
}

.w-dialog .w-modal__footer .w-action {
	align-items: center;
	background-color: #fff;
	border: 0.1rem solid var(--primary-d-normal);
	border-radius: 0.5rem;
	cursor: pointer;
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0.5rem 1.5rem;
	color: var(--primary-d-normal);
	font: 600 1.3rem 'Lato', sans-serif;
}

.w-dialog .w-modal__footer .w-action:focus {
	outline: none;
}

.w-dialog .w-modal__footer .w-action--primary {
	background-color: var(--primary-a-normal);
	border: none;
	color: #fff;
}

.w-dialog .w-modal__footer .w-action--primary:hover {
	background-color: var(--primary-a-light);
	transition: background-color 0.3s ease;
}

.w-dialog .w-modal__footer .w-action:not(:last-child) {
	margin-right: 2rem;
}

.w-dialog .w-modal__footer .w-action__label {
	font: 600 1.3rem 'Lato', sans-serif;
}

/* ============================================================================================== */
/* Reglas por acción en marco */
.w-dialog .w-modal__frame .w-action.close::before {
	-webkit-mask-image: url('/assets/skins/lahuen/base/images/icon_close.svg');
	background-color: var(--primary-e-light);
}

/* ============================================================================================== */
/* Reglas por icono */
.w-dialog--info-icon .w-modal__header::before {
	background-image: url('/assets/skins/lahuen/base/images/emphasis_info.svg');
}

.w-dialog--warning-icon .w-modal__header::before,
.w-dialog--question-icon .w-modal__header::before {
	background-image: url('/assets/skins/lahuen/base/images/emphasis_warning.svg');
}

.w-dialog--error-icon .w-modal__header::before {
	background-image: url('/assets/skins/lahuen/base/images/emphasis_error.svg');
}