/**
 * @license Copyright 2021 Lahuen Health SPA. All Rights Reserved.
 */
.c-worklist-banner {
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 60rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-right: -2rem;
}

.c-worklist-banner .c-banner__title {
	color: var(--primary-d-normal);
	font: 600 1.5rem/1.5rem 'Lato', sans-serif;
	margin-bottom: 1rem;
}

.c-worklist-banner .c-banner__subtitle {
	width: 100%;
	color: var(--primary-c-normal);
	font: 600 3rem/2.5rem 'Lato', sans-serif;
}

.c-worklist-banner.c-banner {
	height: 9rem;
	align-items: baseline;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 2rem 0;
}

/* Botón cambiar área */
.c-banner .c-action--tertiary {
	background-color: var(--primary-f-normal);
	color: var(--primary-d-normal);
	margin: 0 1rem;
	border-radius: 0.5rem;
	padding: 0.5rem 2rem;
}

.c-banner .c-action--tertiary .c-action__label {
	display: flex;
	align-items: center;
	font: 600 1.2rem/1.2rem 'Open Sans', sans-serif;
}

.c-banner__titleaction-change-location .c-label:before,
.c-banner__titleaction-change-area .c-label:before {
	-webkit-mask-image: url('/assets/skins/lahuen/base/images/icon_change.svg');
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	content: ' ';
	height: 1.2rem;
	margin-right: 0.5rem;
	width: 1.2rem;
	background-color: var(--primary-d-normal);
}

.c-banner .c-action--tertiary:hover {
	background-color: var(--primary-a-bright);
	color: var(--primary-a-normal);
	transition: background-color 0.3s ease;
}

.c-banner .c-action--tertiary:hover .c-label:before {
	background-color: var(--primary-a-normal);
}