/* Google Fonts - Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
 
.s-docentes{
  height: auto !important;
}
.slide-container{
  /* max-width: 1120px; */
  width: 100%;
  padding: 40px 0;
}
.slide-container-colaborador,
.slide-container-sector_colab{
  /* max-width: 1120px; */
  width: 100%;
  padding: 10px 0;
}

.slide-content,
.slide-content-contenido,
.slide-content-colaborador,
.slide-content-empresa,
.slide-content-sector_colab
.slide-content-benef{
  margin: 0 40px;
  overflow: hidden;
  border-radius: 25px;
}
.card{
  border-radius: 25px;
  background-color: #FFF;
}
.card-colaborador,
.card-sector_colab{
  border-radius: 25px;
  background-color: rgba(255, 255, 255, 0);
}
.image-content,
.card-content{
  display: flex;
  flex-direction: column;
  align-items: center;
  /* padding: 10px 14px; */
}
.image-content{
  padding: 10px 14px;
}
.card-content{
  margin: 2rem 0.5rem;
}
.image-content{
  position: relative;
  row-gap: 5px;
  padding: 25px 0;
}
.overlay{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #24db37;
  border-radius: 25px 25px 0 25px;
}
.overlay::before,
.overlay::after{
  content: '';
  position: absolute;
  right: 0;
  bottom: -40px;
  height: 40px;
  width: 40px;
  background-color: #24db37;
}
.overlay::after{
  border-radius: 0 25px 0 0;
  background-color: #FFF;
}
.card-image,
.card-image-colaborador,
.card-image-sector_colab{
  position: relative;
  /* height: 150px;
  width: 150px; */
  /* border-radius: 50%; */
  border-radius: 10%;
  /* padding: 3px; */
}

.card-image{
  height: 350px;
  width: 100%;
  background: #FFF;
}
.card-image-colaborador,
.card-image-sector_colab{
  height: auto;
  width: 100%;
  background: rgba(255, 255, 255, 0);
}

.card-image a .card-img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  background-size: cover;
  /* border-radius: 50%; */
  border-radius: 10%;
  /* border: 4px solid #4070F4; */
}
.name{
  font-size: 18px;
  font-weight: 500;
  color: #333;
}
.description{
  font-size: 14px;
  color: #707070;
  text-align: center;
}
.button{
  border: none;
  font-size: 16px;
  color: #FFF;
  padding: 8px 16px;
  background-color: #ffd813cb;
  color: #000;
  border-radius: 6px;
  margin: 14px;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s ease;
}
.button:hover{
  background: #ffd813;
}

.swiper-navBtn{
  color: #24db37 ;
  transition: color 0.3s ease;
}
.swiper-navBtn:hover{
  color: #1ea92c;
}
.swiper-navBtn::before,
.swiper-navBtn::after{
  font-size: 35px;
}
.swiper-button-next,
.sbn-colaborador{
  right: 0;
}
.swiper-button-prev,
.sbp-colaborador{
  left: 0;
}
.swiper-pagination-autor .swiper-pagination-bullet, 
.swiper-pagination-colaborador .swiper-pagination-bullet,
.swiper-pagination-sector_colab .swiper-pagination-bullet{ 
  background-color: #F78E33;
  opacity: 1;
}
.swiper-pagination-autor .swiper-pagination-bullet-active,
.swiper-pagination-benef .swiper-pagination-bullet-active,
.swiper-pagination-colaborador .swiper-pagination-bullet-active,
.swiper-pagination-sector_colab .swiper-pagination-bullet-active{
  background-color: #F78E33;
}
.swiper-autor-section{
  position: relative; 
  padding-top: calc(1vw + 100px);
} 

/* .swiper-navBtn{
  display: block !important;
} */
.absolute{
  position: absolute;
} 
.inset-y-0{
  top: 0px;
  bottom: 0px;
} 
.left-0{
  left: 0;
} 
.right-0{
  right: 0;
} 
.z-10{
  z-index: 10;
} 
.flex{
  display: flex;
} 
.items-center{
  align-items: center;
}
.flex-row{
  flex-direction: row;
} 
.relative{
  position: relative;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
} 
.-mr-3{
  margin-right: -0.75rem;
} 
.-ml-3{
  margin-left: -0.75rem;
} 
.mr-3{
  margin-right: 0.75rem;
} 
.ml-3{
  margin-left: 0.75rem;
} 
.mr-6{
  margin-right: 1.75rem;
} 
.ml-6{
  margin-left: 1.75rem;
}  
.-mr-6{
  margin-right: -1.75rem;
} 
.-ml-6{
  margin-left: -1.75rem;
} 
.justify-center{
  justify-content: center;
}
.w-10{
  width: 2.5rem;
} 
.h-10{
  height: 2.5rem;
} 
.rounded-full{
  border-radius: 9999px;
} 
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.text-green-400{
  color: #198754;
}
.text-green{
  color: #24db37;
}
.border-button{
  border: 2px solid #24db37;
}
.icon-user-p span i{
  background: #24db37;
  color: #fff;
  padding: 8px;
  border-radius: 50%;
}
.td-none{
  text-decoration: none;
  color: #000;
}
.leading-6{
  line-height: 1.5rem;
}

.card-curso .text {
  padding: 6px 6px 6px 10px !important;
}
.bt-0{
  border-top: 0;
}
.-mb-card{
  margin-bottom: -20px;
}



@media (min-width:768px) { 
  .col-md-8 {
      flex: 0 0 auto ;
      width: 66.66666667% ;
  }
} 
@media screen and (max-width: 768px) {
  .slide-content{
    margin: 0 10px;
  }
  .swiper-navBtn{
    display: none;
  }
}
/* START MOBIL */
@media screen and (max-width: 520px) {
  .card-image{
    height: 400px !important;
  }
  .swiper-autor-section{
    padding-top: 0rem;
  }
}
/* FIN MOBIL */


/* START TABLET */
@media screen and (max-width: 920px) {
  .card-image{
    height: 400px !important;
  }
  .swiper-autor-section{
    padding-top: 0rem;
  }
}
/* FIN TABLET */