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

.cover{
  position: relative;
  min-height: 600px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 150px;
}

.cover h1{
  font-size: 34px;
  color: #fff;
  line-height: 120%;
  font-weight: 800;
  margin-bottom: 10px;
}

.cover-enterprise-net{
  background: linear-gradient(180deg, #080E1F 0%, rgba(33, 43, 62, 0.6) 100%),url("../../assets/img/temp/enterprise-networking/cover.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cover-colaboracion{
  background: linear-gradient(180deg, #080E1F 0%, rgba(33, 43, 62, 0.6) 100%),url("../../assets/img/temp/colaboracion/cover.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cover-data-center{
  background: linear-gradient(180deg, #080E1F 0%, rgba(33, 43, 62, 0.6) 100%),url("../../assets/img/temp/data-center/cover.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cover-transformacion{
  background: linear-gradient(180deg, #080E1F 0%, rgba(33, 43, 62, 0.6) 100%),url("../../assets/img/temp/transformacion/cover.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*Covers Servicios*/

.cover-serv-administrados{
  background: linear-gradient(180deg, #080E1F 0%, rgba(33, 43, 62, 0.6) 100%),url("../../assets/img/temp/servicios-administrados/cover.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.cover-serv-monitoreo{
  background: linear-gradient(180deg, #080E1F 0%, rgba(33, 43, 62, 0.6) 100%),url("../../assets/img/monitoreo/monitoreo-cover.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.cover-serv-net-oper-center{
  background: linear-gradient(180deg, #080E1F 0%, rgba(33, 43, 62, 0.6) 100%),url("../../assets/img/network-operation-center/network-op-cover.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.cover-serv-secu-op-center{
  background: linear-gradient(180deg, #080E1F 0%, rgba(33, 43, 62, 0.6) 100%),url("../../assets/img/security-operation-center/security-op-center.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* ===================================
    General
====================================== */

.content-btn-prev-next{
  display: flex;
  justify-content: flex-start;
  align-items:flex-start;
  gap:10px;
  flex-wrap: wrap;
  flex-direction: column;
}

.prev-next-reverse{
  flex-direction: column-reverse;
  align-items:  flex-end;
}

/*Cards*/

.grid-cards{
  display: grid;
  grid-template-columns: 1fr;
  gap:20px;
}

/*Carrusel right*/

#carrusel-mid-content .swiper-wrapper{
  width: 150px;
}

.card-mid{
  background: linear-gradient(90deg, #1F2547 0%, #012B38 100%);
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  gap:5px;
  min-height: 200px;
  padding:15px 15px 15px 10px;
}

.card-mid .icon img{
  width: 120px;
}

/*Tarjeta Colaboracion*/

.card-webex{
  background: linear-gradient(270deg, #004691 0%, #0096C1 100%);
  border-radius: 10px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  gap:15px;
}

.card-webex .icon img{
  width: 150px;
}

/*Tarjetas transformacion digital*/
.card-porcentaje{
  background: #cceaf8;
  padding: 15px;
  border-radius: 10px;
  min-width: 220px;
}


.bg-sec-tec{
  background: linear-gradient(90deg, #CCEAF8 2.18%, rgba(204, 234, 248, 0) 100%);
}

.content-card-tecnologia{
  display: grid;
  grid-template-columns: 1fr;
  gap:20px;
}

.content-card-tecnologia .card-tec{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.content-card-tecnologia .card-tec .icon{
  margin-bottom: 15px;
}

.content-card-tecnologia .card-tec .icon img{
  width: 70px;
}

/*Monitoreo*/

.content-card-demo{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:20px;
}

.card-demo{
  width: 100%;
  background: #FBFBFB;
  border-bottom-right-radius: 60px;
}


.alt-card-noticia{
  width: 100%;
  height: auto;
}
.alt-card-noticia .img-section{
  width: 100%;
  height: 200px;
  position: relative;
  background: #F3F3F3;
  display:flex;
  justify-content: center;
  align-items: center;
}

.alt-card-noticia .img-section img{
  width: 70%;
}

.alt-card-noticia .description{
  padding: 0px 15px 15px 15px;
}


.alt-card-noticia .description .fecha{
  display: grid;
  grid-template-columns: 1fr;
  gap:5px;
  margin-top: 20px;
  margin-bottom: 15px;
  align-items: center;
}

.alt-card-noticia .description p{
    margin-top: 10px;
    margin-bottom: 0px;
}

/*Operation center*/

.bg-card-cisco{background: linear-gradient(270deg, #FB9D1D 0%, #E30775 100%)!important;}

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

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

#carrusel-mid-content .swiper-wrapper{width: 300px;}


.content-card-tecnologia{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap:20px;
}


.prev-next-reverse{
  flex-direction: row;
  align-items: center;
}
.content-btn-prev-next{flex-direction: row;align-items: center;}

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


.content-card-tecnologia{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap:20px;
}


.card-webex{flex-direction: row;}

/*Cards*/
.grid-cards{grid-template-columns: repeat(2,1fr);gap:20px;}

.card-mid{flex-direction: row;}

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

.cover h1{font-size: 38px;}

.content-card-tecnologia{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap:20px;
}

.alt-card-noticia .description .fecha{grid-template-columns: 100px auto;gap:5px;}


/*Cards*/
.grid-cards{grid-template-columns: repeat(2,1fr);gap:20px;}

} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {

.cover h1{font-size: 48px;}

.content-card-tecnologia{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap:20px;
}

/*Cards*/
.grid-cards{grid-template-columns: repeat(3,1fr);gap:20px;}

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

/*Cards*/
.grid-cards{grid-template-columns: repeat(4,1fr);gap:20px;}


}
/* xxl */ @media (min-width: 1400px) {}