.banner-home-talent {

	background-image: url(../img/webp/img-talento.webp);

	width: 100%;

	height: 500px;

	background-repeat: no-repeat;

	position: relative;

	background-size: cover;

	display: flex;

	justify-content: center;

	align-items: center;

}

 @media (max-width: 768px) {

  .banner-home-talent {

   background-position: center;

   height: 430px;

  }

 }

/* ++++++++++++++++++ Contenido principal ++++++++++++++++++ */

main.content-talent{

	align-items: center;

	background-color: rgb(255, 255, 255);

	display: flex;

	flex-direction: column;

	height: auto;

	margin-bottom: 70px;

	width: 100%;

}

@media (max-width: 768px) {

	main.content-talent {

  margin-bottom: 50px;

 }

}



section.contain-text-talent{

	display: flex;

	height: auto;

	width: 70%;

 background-color: #F2F3F4;

 border-radius: 15px;

 margin-top: -60px;

 z-index: 1;

}

@media (max-width: 768px) {

	section.contain-text-talent {

  width: 90%;

  height: auto;

  margin-top: -80px;

  z-index: 0;

 }

}



div.div-text-talent{

 width: 100%;

 margin: 20px;

 height: 100%;

}

div.div-text-talent .text-talent{

 font-family: 'Clearsans', sans-serif;

 font-size: 16px;

 text-align: justify;

 width: auto;

 margin: 20px 40px;

 color: #182828;

}

@media (max-width: 768px) {

	div.div-text-talent .text-talent {

  margin: 10px 10px;

 }

}



section.contain-cards-talent {

	width: 70%;

 height: auto;
 display: flex;
 flex-direction: column;
 gap: 1vw;

 border-radius: 15px;

 margin-top: 25px;

}

@media (max-width: 768px) {

	section.contain-cards-talent {

  width: 90%;

  height: auto;

  display: flex;

  flex-direction: column;

  align-items: center;

  margin-top: 10px;

 }

}



section.contain-cards-talent .title-talent{

	width: 70%;

 height: 72px;

 border-radius: 15px;

 display: flex;

 justify-content: center;

 align-items: center;

 margin: 0px auto;

}

 @media (max-width: 768px) {

 	section.contain-cards-talent .title-talent {

   width: 100%;

   height: auto;

   display: flex;

   flex-direction: column;

  }

 }

section.contain-cards-talent .title-talent .text{

 font-size: 36px;

 font-family: 'Klavika';

 font-weight: 100;

 text-align: center;

 line-height: 1em;

 color: #182828;

}

 @media (max-width: 768px) {

 	section.contain-cards-talent .title-talent .text{

   text-align: center;

   font-size: 23px;

  }

 }



section.contain-cards-talent div.container-cards{

 background-color: #fff;

 width: auto;

 display: flex;

 margin-top: 30px;

 justify-content: space-around;

 flex-direction: row;

 height: 362px;

}

 @media (max-width: 768px) {

 	section.contain-cards-talent div.container-cards {

   width: auto;

   display: flex;

   margin: 10px auto;

   flex-direction: column;

   height: auto;

  }

 }



.container-cards .card-left{

 width: 350px;

 display: flex;

 flex-direction: column;

 height: 362px;

}

@media (max-width: 768px) {

	.container-cards .card-left {

  width: 350px;

  display: flex;

  flex-direction: column;

  height: auto;

  margin-bottom: 30px;

 }

}

.container-cards .card-right{

 width: 350px;

 display: flex;

 flex-direction: column;

 height: 362px;

}



div.container-cards .contain-image{

 width: 100%;

 display: flex;

 flex-direction: row;

 height: 200px;

 border-radius: 15px;

}

div.contain-image .image-box{

 width: 250px;

 height: 219px;

}

 @media (max-width: 768px){

  div.contain-image .image-box{

   width: 70%;

  }

 }

div.image-box .image{

 margin-top: -19px;

 height: 219px;

}

div.icons-social{

 width: 100%;

 height: auto;

 display: flex;

 justify-content: center;

 align-items: center;

 flex-direction: column;

}

div.icons-social .icons{

 margin-top: 6px;

}



div.contain-title{

 width: 100%;

 height: auto;

 display: flex;

 flex-direction: column;

 align-items: center;

 justify-content: center;

 color: #182828;

}

div.contain-title h2.title{

 width: auto;

 height: auto;

 margin: 5px 0px;

 font-family: 'Clearsans';

 font-size: 18px;

}

@media (max-width: 768px) {

	.container-cards .card-left {

  width: 350px;

  display: flex;

  flex-direction: column;

  height: auto;

  margin-bottom: 30px;

 }

}



div.contain-p{

 width: 100%;

 height: auto;

}

div.contain-p p.text-p{

 text-align: justify;

 font-size: 16px;

 font-family: 'Clearsans';

}

/* swiper */

.swiper {
  width: 100%;
  height: 100%;
  margin: 1vw 0;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 1vw;
  object-fit: cover;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
}
.swiper-button-prev {
  color: #65b32e !important;
}

.swiper-button-next {
  color: #65b32e !important;
}

/*CARRUSEL*/

.carousel-container {

 position: relative;

 width: 100%;

 margin: auto;

 overflow: hidden;

 padding: 30px;

}

 @media (max-width: 768px){

  .carousel-container{

   padding: 0px 20px;

  }

 }



.carousel-wrapper {

 display: flex;

 overflow: hidden;

 padding: 10px 0px;

}



#carousel {

 display: flex;

 transition: transform 0.5s ease;

 width: 100%;

}



#carousel2 {

 display: flex;

 transition: transform 0.5s ease;

 width: 100%;

}



#carousel3 {

 display: flex;

 transition: transform 0.5s ease;

 width: 100%;

}



.carousel-item {

 min-width: 50%; /* Cambiado para mostrar 2 elementos a la vez */

 box-sizing: border-box;

 padding: 10px;

 text-align: center;

 height: auto;

 background-color: #fff;

 display: flex;

 flex-direction: column;

}

 @media (max-width: 768px){

  .carousel-item{

   min-width: 100%;

  }

 }



 .carousel-item2 {

 min-width: 50%; /* Cambiado para mostrar 2 elementos a la vez */

 box-sizing: border-box;

 padding: 10px;

 text-align: center;

 height: auto;

 background-color: #fff;

 display: flex;

 flex-direction: column;

}

 @media (max-width: 768px){

  .carousel-item2{

   min-width: 100%;

  }

 }



.carousel-item3 {

 min-width: 50%; /* Cambiado para mostrar 2 elementos a la vez */

 box-sizing: border-box;

 padding: 10px;

 text-align: center;

 height: auto;

 background-color: #fff;

 display: flex;

 flex-direction: column;

}

 @media (max-width: 768px){

  .carousel-item3{

   min-width: 100%;

  }

 }



.contain-image{

 width: 100%;

 display: flex;

 flex-direction: row;

 height: 200px;

 border-radius: 15px;

}



p.text-p{

 text-align: center;

 font-size: 16px;

 font-family: 'Clearsans';

 margin: 0px;

}



.carousel-button {

 font-size: 30px;

 position: absolute;

 top: 50%;

 transform: translateY(-50%);

 background-color: transparent;

 color: #182828;

 border: none;

 padding: 10px;

 cursor: pointer;

 z-index: 0;

}



.prev {

 left: 0;

}



.next {

 right: 0;

}