/* ===================================
    Cover
====================================== */

.cover{
  width: 100%;
  min-height: 600px;
  background: linear-gradient(270deg, rgba(5, 5, 5, 0) 0%, rgba(0, 0, 0, 0.8) 100%),url('../../assets/img/acerca-CAPEM/cover.jpg');
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-left: 10px solid #D53837;
}

.cover-mision{
  width: 100%;
  min-height: 600px;
  background: linear-gradient(180deg, rgba(5, 5, 5, 0.27) 0%, rgba(0, 0, 0, 0.9) 100%),url('../../assets/img/acerca-CAPEM/cover-mision.jpg');
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.cover-section{
  background-image:url('../../assets/img/acerca-CAPEM/valores.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  min-height: 400px;
}

.cover-section-pymes{
  background-image:url('../../assets/img/acerca-CAPEM/pymes.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  min-height: 400px;
}





/* ===================================
    global
====================================== */


/*-----Galeria Marcas-----*/

#galery-tiempo{
  padding-top: 50px;
  padding-bottom: 50px;
}

#galery-tiempo .deco{
  width: 100%;
  height: 12px;
  background: #D42C2C;
  border-radius: 30px;
  position: relative;
  top:92px;
}

#galery-tiempo .swiper-slide{
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: start;
}

#galery-tiempo .swiper-slide .año{
  width: auto;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#galery-tiempo .swiper-slide .circulo{
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  margin-top: 20px;
  margin-bottom: 20px;
}

#galery-tiempo .swiper-slide .description{
  padding-left: 20px;
  padding-right: 20px;
}

#galery-tiempo .swiper-slide .description p{
  margin-bottom: 0;
  font-size: 14px;
  line-height: normal;

}

#galery-tiempo li{
  list-style: disc;
}

/*----- Section mision -----*/
.grid-mision{
  display: grid;
  grid-template-columns: 1fr;
  gap:0px;
}



/*----- Section valores -----*/

.grid-valores{
  margin-top: 50px;
  display: grid;
  grid-template-columns: 1fr;
  gap:20px;
}

/*Section Pilares*/

.pilar{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  min-height: 570px;
}

.bg-pilar1{background-image:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%),url('../../assets/img/acerca-CAPEM/alto-desempeño.jpg');}
.bg-pilar2{background-image:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%),url('../../assets/img/acerca-CAPEM/desarollo-continuo.jpg');}
.bg-pilar3{background-image:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%),url('../../assets/img/acerca-CAPEM/servicio-PYME.jpg');}
.bg-pilar4{background-image:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%),url('../../assets/img/acerca-CAPEM/bienestar-integral.jpg');}

.interactive-banner-style-06 .interactive-banners-content .interactive-banners-content-text {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 350ms cubic-bezier(0.12, 0, 0.39, 0);
  transition: 350ms cubic-bezier(0.12, 0, 0.39, 0);
}

.interactive-banner-style-06 .interactive-banners-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  transform: translateY(0);
  -webkit-transition: 550ms cubic-bezier(0.12, 0, 0.1, 0);
  transition: 550ms cubic-bezier(0.12, 0, 0.1, 0);
}


/* ===================================
    Responsive
====================================== */

/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {

.grid-valores{grid-template-columns: repeat(2,1fr);gap:50px;}


}
/* md  */ @media (min-width: 768px) {

.interactive-banner-style-06 .interactive-banners-content .interactive-banners-content-text {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 350ms cubic-bezier(0.12, 0, 0.39, 0);
  transition: 350ms cubic-bezier(0.12, 0, 0.39, 0);
}

.interactive-banner-style-06 .interactive-banners-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  transform: translateY(calc(100% - 125px));
  -webkit-transition: 550ms cubic-bezier(0.12, 0, 0.1, 0);
  transition: 550ms cubic-bezier(0.12, 0, 0.1, 0);
}

} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {
.cover-section{min-height: 700px;background-position: center;}
.cover-section-pymes{min-height: 700px;}

.grid-mision{grid-template-columns: repeat(3,1fr);gap:20px;}

} /* ipad Landscape */
/* xl  */ @media (min-width: 1200px) {}
/* xxl */ @media (min-width: 1400px) {}