/* BANNERS UNICOS QUE NO PIERDEN CONTENIDO */

.contenedor_banner_unico{
	position: relative;
	width: 100%;
	/*height: 30em;*/
	overflow: hidden;	
}

.banner_unico, .banner_unico .banner_unico_imagen{
	position: relative;
	clear: both;
	width: 100%;
	height: 100%;		
}

.banner_unico .banner_unico_imagen{
	background: var(--color_fondo);
	background-size: contain;
	background-position: center; 
	background-repeat: no-repeat;
}

.banner_unico .banner_unico_imagen img{	
	width: 100%;
	height: auto;
	/*opacity: 0;*/
}

/* FIN BANNERS UNICOS QUE NO PIERDEN CONTENIDO */



/* BANNERS SLICK */

.contenedor_banners{
	position: relative;
	clear: both;
	width: 100%;
	height: 100%;
}

.slider_banners{
	position: relative;
	clear: both;
	width: 100%;
	height: 100%;
}

.slick-track {
	display: flex !important;
	align-items: center;
	}
	
.slider_banner{
	position: relative;
}

.slider_banner:focus, .slider_banner .banner_enlace:focus, .slider_banner a:focus {
	outline: none;
}

.pantalla_inicial.fixedHeight .slider_banners .slick-list, .pantalla_inicial.fixedHeight .slider_banners .slick-track, .pantalla_inicial.fixedHeight .slider_banners .slider_banner{
	height: 100%;
}

.slider_banners.fixedHeight .slick-list, .slider_banners.fixedHeight .slick-track, .slider_banners.fixedHeight .slider_banner{
	height: 100%;
}

.slider_banner .banner_background, .slider_banner .banner_overlay, .slider_banner .banner_enlace{
	height: 100%;
}

.slider_banner .banner_background, .slider_banner .banner_overlay, .slider_banner .banner_enlace{
	width: 100%;
}

.slider_banner .banner_enlace a{
	display: block;
	width: 100%;
	height: 100%;
}

.slider_banner .banner_background{
	z-index: 0;
	align-items: center;
	justify-content: center;	
	overflow: hidden;
}

.slider_banners.contain .slider_banner .banner_background > *{
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.slider_banners.cover .slider_banner .banner_background > *{ 
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
}

.slider_banners.fullWidth .slider_banner .banner_background > *{ 
	max-width: 100%;
	min-width: 100%;
	object-fit: contain;
}

.slider_banner .banner_overlay, .slider_banner .banner_enlace{
	position: absolute;
	left: 0;
	top: 0;
}

.slider_banner .banner_overlay{
	z-index: 1;
	justify-content: center;
	align-items: center;
}

.slider_banner .banner_enlace{
	z-index: 2;
}

.slider_banner .banner_contenido{
	position: absolute;	
}

.slider_banners .slick-dots:hover{
	opacity: 1;
}

.slider_banners .slick-dots ul, .slider_banners .slick-dots li{
	list-style: none;
}

.slider_banners .slick-dots li{		
	background: transparent;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* FIN BANNERS SLICK */



/* BOTONES ESPECIFICOS PARA AVANZAR Y RETORCEDER BANNERS */

.contenedor_banners .navegador{
	position: absolute;
	display: block;
	margin: auto;		
	text-align: center;
	z-index: 98;
	width: auto;
	opacity: 0.5;
}

.contenedor_banners .navegador:hover{
	opacity: 1;
}

.contenedor_banners .navegador button{
	position:relative;
	overflow: auto;		
}

.contenedor_banners .navegador button:before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;	
	background-image: url(../img/boton_banners.png);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.contenedor_banners .navegador button.siguiente:before{
	background-image: url(../img/boton_banners2.png);
}



/* BOTONES ESPECIFICOS PARA AVANZAR Y RETORCEDER BANNERS */



@keyframes banners_zoom {
   from { transform: scale(1); }
   to { transform: scale(1.1); }
}

/* FIN BANNERS  */



/* RESPONSIVE */

@media screen and (max-width: 1024px) {

	.slider_banner .banner_contenido{
		font-size: 1vw;
	}
	
}

@media screen and (max-width: 768px) {

	/* BANNERS UNICOS QUE NO PIERDEN CONTENIDO */
	.banner_unico .banner_unico_imagen{	
		background-size: cover;
	}

	.banner_unico .banner_unico_imagen img{	
		width: auto;
		height: auto;
		display: none;
	}	
	/* FIN BANNERS UNICOS QUE NO PIERDEN CONTENIDO */

	.pantalla_inicial .slider_banners .slick-list, .pantalla_inicial .slider_banners .slick-track, .pantalla_inicial .slider_banners .slider_banner{
		height: 100%;
	}
	
}