.blancoColor {
	color: #fff
}

.blancoColorBg {
	background-color: #fff
}

.negroColor-100 {
	color: #252525
}

.negroColor-100Bg {
	background-color: #252525
}

.negroColor-80 {
	color: #666e73
}

.negroColor-80Bg {
	background-color: #666e73
}

.negroColor-60 {
	color: #a3a9b0
}

.negroColor-60Bg {
	background-color: #a3a9b0
}

.negroColor-40 {
	color: #e0e2e6
}

.negroColor-40Bg {
	background-color: #e0e2e6
}

.grisClaroColor {
	color: #faf8f6
}

.grisClaroColorBg {
	background-color: #faf8f6
}

.bloque-slider-home {
	position: relative;
	z-index: 0
}

.bloque-slider-home::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(180deg, rgba(37, 37, 37, 0.5) 0%, rgba(37, 37, 37, 0) 50%, rgba(37, 37, 37, 0.3) 100%);
	z-index: 1
}

.bloque-slider-home:hover {
	cursor: pointer
}

.bloque-slider-home .slider {
	overflow: hidden;
	/* pointer-events: none; */
	z-index: 9;
	position: relative;
	margin-bottom: 0
}

.bloque-slider-home .slider__item {
	max-width: 100%;
	height: 100vh
}

.bloque-slider-home .slider__item img {
	height: 100%;
	object-fit: cover
}

.bloque-slider-home .slider.desktop {
	display: block
}

.bloque-slider-home .slider.mobile {
	display: none
}

.bloque-slider-home .slick-track {
	display: flex
}

@media screen and (max-width: 768px) {
	.bloque-slider-home .slider.desktop {
		display: none
	}

	.bloque-slider-home .slider.mobile {
		display: block
	}

	.bloque-slider-home .slick-track {
		display: block
	}

	.bloque-slider-home .slick-dots {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 6.1538461538vw;
		bottom: initial;
		display: flex;
		flex-direction: column;
		gap: 2.0512820513vw;
		width: fit-content;
		height: fit-content
	}

	.bloque-slider-home .slick-dots li {
		position: initial;
		display: initial;
		width: fit-content;
		height: initial;
		margin: initial;
		padding: 0;
		cursor: pointer
	}

	.bloque-slider-home .slick-dots button {
		background-color: rgba(0, 0, 0, 0);
		outline: 0;
		border: 0;
		font-size: 0;
		width: 2.0512820513vw;
		height: 2.0512820513vw;
		border-radius: 50%;
		background-color: #faf8f6;
		opacity: .3;
		transition: opacity .3s linear
	}

	.bloque-slider-home .slick-dots button::before {
		display: none
	}

	.bloque-slider-home .slick-dots .slick-active button {
		opacity: 1
	}
}