/* Slider: mateixa columna que la resta de la pàgina. */

:is(.et_pb_slider, .et_pb_fullwidth_slider) .et_pb_slide {
	padding-left: 0;
	padding-right: 0;
}

:is(.et_pb_slider, .et_pb_fullwidth_slider) .et_pb_container {
	width: var(--content-width, 80%);
	max-width: var(--content-max-width, 1080px);
}

:is(.et_pb_slider, .et_pb_fullwidth_slider) .et_pb_slide_description {
	box-sizing: border-box;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	text-align: left;
}

:is(.et_pb_slider, .et_pb_fullwidth_slider) :is(.et_pb_slide_title, .et_pb_slide_content) {
	max-width: 450px;
	margin-left: 0;
	margin-right: auto;
}

:is(.et_pb_slider, .et_pb_fullwidth_slider) .et-pb-controllers {
	left: max(calc((100% - var(--content-width, 80%)) / 2), calc((100% - var(--content-max-width, 1080px)) / 2));
	right: max(calc((100% - var(--content-width, 80%)) / 2), calc((100% - var(--content-max-width, 1080px)) / 2));
	bottom: 28px;
	width: auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
}

:is(.et_pb_slider, .et_pb_fullwidth_slider):not(:has(.et_pb_slides > .et_pb_slide:nth-child(2))) :is(.et-pb-controllers, .et-pb-slider-arrows) {
	display: none !important;
}

.et-pb-controllers a {
	display: inline-block;
	width: 22px !important;
	height: 5px !important;
	margin-right: 16px !important;
	border-radius: 0 !important;
	background-color: var(--color-muted) !important;
	opacity: 1 !important;
}

.et-pb-controllers a.et-pb-active-control {
	width: 65px !important;
	background-color: var(--color-accent) !important;
}

/* Carrusel */

.et_pb_group_carousel_dots > * {
	display: inline-block;
	width: 22px !important;
	height: 5px !important;
	margin-right: 8px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background-color: var(--color-muted) !important;
	opacity: 1 !important;
}

.et_pb_group_carousel_dots > *.active,
.et_pb_group_carousel_dots > *[aria-current="true"],
.et_pb_group_carousel_dots > *.et_pb_group_carousel_dot_active {
	width: 65px !important;
	background-color: var(--color-accent) !important;
}

.et_pb_group_carousel img {
	filter: grayscale(1);
	transition: filter 0.3s ease;
}

.et_pb_group_carousel:hover img {
	filter: grayscale(0) !important;
}

.et_pb_group_carousel_arrow {
	opacity: 0;
	transition:
		opacity 0.3s ease,
		background-color 0.2s ease,
		color 0.2s ease;
}

.et_pb_group_carousel:hover .et_pb_group_carousel_arrow {
	opacity: 1;
}

.et_pb_group_carousel_arrow:hover {
	background-color: var(--color-accent) !important;
	color: var(--color-white) !important;
}

.et_pb_group_carousel_arrow:hover * {
	color: var(--color-white) !important;
}