/*-------------------------------------------------------------------------- 
///////////////////////////////////////////////////////////////////////////
ADD BANNERS  //////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------*/
/*------------------------------------------------------------------------ 
BANNER - COVER //////////////////////////////////////////////////////////
------------------------------------------------------------------------*/

/* Genral
----------------------------------------*/
.banner-cover {
	align-items:stretch;
	}


/* Columnas
----------------------------------------*/
.banner-cover .col{
	width:100%!important;
	}



/* Col IMG
----------------------------------------*/
.banner-cover .col-img{
	height:100%;
	}


/* Opaciad de picture
----------------------------------------*/
.banner-cover .col-img picture.img-main,
.banner-cover.play .col-img picture.img-main {
	opacity:1.0;
	}



/* Col Info
----------------------------------------*/
.banner-cover .col-content{
	background:transparent;
	align-items:center;
	align-content:center;
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-start;
	height:auto;
	padding:0px 5vw;
	position:absolute!important;
	bottom:0px;
	left:0px;
	top:0px;
	right:0px;
	}



/* --------------------------------------------------
------------------------------------- IF PLAY ---
---------------------------------------------------*/

/*

A. ----- Necesaria la libreria Waypoints
B. ----- La IMG principalno usa css .load
 
*/


/* IMG main
------------------------------*/
.banner-cover.play .col-img picture.img-main img {
	transition:var(--add-transition-very-slow);
	transform: scale(1.08);
	opacity:0;
	}



/* Banner box
------------------------------*/
.banner-cover.play .banner-box{
	transition:var(--add-transition-very-slow);
	transform: translateY(40px);
	opacity:0;
	}


/*                                       
------------------------------------------- 620 ---
--------------------------------------------------*/
@media only screen and (max-width:620px) {

	.banner-cover.play .banner-box{
		transform: translateY(0px);
		}

}




/*-------------------------------------------------------------------------- 
////////////////////////////////////////////////// ---------- / END BANNERS
--------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------- 
///////////////////////////////////////////////////////////////////////////
ADD PANELES  //////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------*/
/*------------------------------------------------------------------------ 
PANEL - SERVICIOS SLIDER  ////////////////////////////////////////////////
------------------------------------------------------------------------*/
.panel-servicios-slider .swiper-wrapper{
	padding-block:20px;
	overflow:visible!important;
	gap:var(--gap-second);
	}


.panel-servicios-slider .swiper-wrapper  .swiper-slide {
	height:auto;
	max-height:auto;
	min-height:auto;
	width:30%!important;
	}
	@media only screen and (max-width:620px) {
	.panel-servicios-slider .swiper-wrapper  .swiper-slide{
	width:40%!important;
	}}
	@media only screen and (max-width:520px) {
	.panel-servicios-slider .swiper-wrapper  .swiper-slide{
	width:80%!important;
	}}




/*-------------------------------------------------------------------------- 
////////////////////////////////////////////////// ---------- / END PANELES
--------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------- 
///////////////////////////////////////////////////////////////////////////
ADD ELEMENTOS  ////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------*/
/*---------------------------------------------------
////////////     CARD BASE       ////////////
---------------------------------------------------*/

/* Card
----------------------------------------*/



/* Content
----------------------------------------*/
.add-card-base .card .content,
.card-base .content{
	text-align:center;
	justify-content:center!important;
	}


.add-card-base .card .content *,
.card-base .content *{
	text-align:center;
	justify-content:center;
	}

/*---------------------------------------------------
////////////     CARD HORIZONTAL       ////////////
---------------------------------------------------*/
.add-card-horizontal .card,
.card-horizontal{
	align-items: flex-start;
	gap:var(--gap);
	}



.add-card-horizontal .card .content,
.add-card-horizontal .card .info,
.card-horizontal .content,
.card-horizontal .info {
	padding:0px!important;
	width:10%!important;
	}


.add-card-horizontal .card .content > *,
.add-card-horizontal .card .info > *,
.card-horizontal .content > *,
.card-horizontal .info > *{
	justify-content:flex-start;
	text-align: left;
	}


/*-------------------------------------------------------------------------- 
//////////////////////////////////////////////// ---------- / END ELEMENTOS
--------------------------------------------------------------------------*/

/*---------------------------------------------------
////////////     CARD LOGOTIPO       ////////////
---------------------------------------------------*/

/* Card
----------------------------------------*/


/* Items
----------------------------------------*/
.add-card-logotipo .card,
.card-loogtipo{
	align-items: center;
	align-content:center;
	display:flex;
	flex-flow:row wrap;
	flex-grow:0!important;
	justify-content:center;
	}
/*-------------------------------------------------------------------------- 
///////////////////////////////////////////////////////////////////////////
ADD SECCIONES  ////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------- 
//////////////////////////////////////////////// ---------- / END SECCIONES
--------------------------------------------------------------------------*/