/* SLIDER STYLES */

 .contenedor-slider {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	flex-direction: row;
	height: 180px;
	width: auto;
	margin-top: 75px;
}


@media (min-width: 758px) {
	.contenedor-slider {
		height: 305px;
	}
}

@media (min-width: 992px) {
	.contenedor-slider {
		margin-top: auto;
	}
}

@media (min-width: 1200px) {
	.contenedor-slider {
		height: 100vh;
	}
}

.contenedor-slider .col-slider {
	width: auto;
	position: absolute;
	display: flex;
}

.contenedor-slider .col-slider-img {
	width: 100vw;
	display: inline-block;
	transition: .4s all ease-in-out;
}

.next-slider {
	z-index: 10;
	background: none;
	border: none;
	right: 1.5rem;
	width: 30px;
	height: 30px;
	padding: .4rem;
	border-radius: 50%;
	display: block;
	cursor: pointer;
}

@media (min-width: 990px) {
	.next-slider {
		right: 3rem;
		width: 55px;
		height: 55px;
        margin-top: 3rem;
        transition: .2s ease-in-out all;
	}
    .next-slider:hover {
        width: 50px;
		height: 50px;
        transition: .2s ease-in-out all;
    }
}

.previous-slider {
	background: none;
	border: none;
	left: 1.5rem;
	width: 30px;
	height: 30px;
	padding: .4rem;
	border-radius: 50%;
	display: block;
	cursor: pointer;
}

@media (min-width: 990px) {
	.previous-slider {
		left: 3rem;
		width: 55px;
		height: 55px;
        margin-top: 3rem;
        transition: .2s ease-in-out all;
	}
    .previous-slider:hover {
        width: 50px;
        height: 50px;
        transition: .2s ease-in-out all;
    }
}


.slider-img-texto {
	margin-left: 200px;
	margin-bottom: 40px;
}
@media (min-width: 1200px) {
	.slider-img-texto {
		margin-bottom: 65px;
        width: 50%;
	}	
}
@media (min-width: 1400px) {
	.slider-img-texto {
		margin-bottom: 100px;
	}	
}

.slider-home-titulo {
    line-height: 65px;
}

.slider-home-subtitulo {
    line-height: 45px;
}


.enlace-flecha {
    font-size: 18px;
    background-color: var(--primary);
    padding: 0.8rem 2.5rem;
    margin-top: 2rem;
    display: inline-block;
    color: #ffffff;
    border-radius: 4px;
}

.enlace-flecha > img{
	margin-left: .5rem;
	transition: .4s all ease-in-out;
}

/* .enlace-flecha:hover > img{
	margin-left: 1.5rem;
	transition: .1s all ease-in-out;
} */


.d {
	animation-name: aniSlider;
	animation-duration: .4s;
	animation-iteration-count: 1;
}


@keyframes aniSlider {
	from {
		transform: translateX(-1366px) ;
	}
	to {
		transform: translateX(0px);
	}
}

/* END SLIDER STYLES */