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

.cover{
  background: linear-gradient(180deg, #080E1F 0%, rgba(33, 43, 62, 0.6) 100%) ,url("../../assets/img/evcon-training/training-cover.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height: 450px;
  border-bottom-right-radius: 150px;
}

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

.bg-ev-back{
  background: linear-gradient(180deg, #3A6C2C 0%, #659B30 100%);
  padding-right: 20px;
  padding-bottom: 50px;
}

.logo-ev{
  position: absolute;
  bottom: 5px;
  right: 0px;
}

.logo-ev img{
  width: 110px;
}

.group{
  position: absolute;
  bottom: 15px;
  left: 0px;
  width: 100%;
}

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

.logo-group img{width: 220px;}

/*Programas*/

/*Section administracion integral*/

.grid-program{
  display: grid;
  grid-template-columns: 1fr;
  gap:20px;
  grid-template-areas:
  "card1"
  "card2"
  "img1"
  "card3"
  "card4"
  "img2"
  "card5"
  "card6"
  "card7"
  "img4"
  "card8"
  "card9"
  "img3"
  "card10";
}

.card-programa{
  width: 100%;
  min-height: 150px;
}

.description-section{
  grid-area: text;
}

.card-s1{grid-area: card1;}
.card-s2{grid-area: card2;}
.card-s3{grid-area: card3;}
.card-s4{grid-area: card4;}
.card-s5{grid-area: card5;}
.card-s6{grid-area: card6;}
.card-s7{grid-area: card7;}
.card-s8{grid-area: card8;}
.card-s9{grid-area: card9;}
.card-s10{grid-area: card10;}


.img-s1{
  grid-area:img1;
  background: linear-gradient(180deg, rgba(58, 108, 44, 0.8) 0%, rgba(58, 108, 44, 0) 100%),url("../../assets/img/evcon-training/foto-uno.jpg")!important;
  background-position: center;
  background-repeat: no-repeat!important;
  background-size: cover!important;
}

.img-s3{
  grid-area:img3;
  background: linear-gradient(180deg, rgba(58, 108, 44, 0.8) 0%, rgba(58, 108, 44, 0) 100%),url("../../assets/img/evcon-training/foto-tres.jpg")!important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat!important;
  background-size: cover!important;
}

.img-dblh{
  grid-area:img2;
  background: linear-gradient(180deg, rgba(58, 108, 44, 0.8) 0%, rgba(58, 108, 44, 0) 100%),url("../../assets/img/evcon-training/foto-dos.jpg")!important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat!important;
  background-size: cover!important;
}

.img-dblv{
  grid-area:img4;
  background: linear-gradient(180deg, rgba(58, 108, 44, 0.8) 0%, rgba(58, 108, 44, 0) 100%),url("../../assets/img/evcon-training/foto-cuatro.jpg")!important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat!important;
  background-size: cover!important;
}

.card-programa{
  background: #F2F4F8;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.card-programa .num span{
  font-family: 'Inter';
  font-weight: 800;
  color: #3A6C2C;
  margin-bottom: 0px;
  font-size: 68px;
  line-height: 100%;
  opacity: 0.3;
}

.card-programa img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}


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

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

.card-programa{
  width: 100%;
  min-height: 200px;
}

/*-----Cuadrante------*/
.grid-program{
  grid-template-columns: repeat(2,1fr);
  grid-template-areas:
  "card1 card2"
  "img1 card3"
  "card4 ."
  "img2 img2"
  "card5 card6"
  "card7 img4"
  "card8 img4"
  "card9 img3"
  ". card10";
}

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

/*Cover*/
.cover{
  border-bottom-right-radius: 250px;
}
.logo-ev img{
  width: 150px;
}

/*------Cuadrante-----*/
.grid-program{
  grid-template-columns: repeat(3,1fr);
  grid-template-areas:
  ". card1 card2"
  "img1 card3 ."
  "card4 img2 img2"
  ". card5 card6"
  "card7 card8 img4"
  "img3 card9 img4"
  ". . card10";
}

.img-s1{grid-area:img1;height: auto;}
.img-s2{grid-area:img2;height: auto;}
.img-sdbl{grid-area:imgdbl; height: auto;}

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

/*Cover*/
.cover{
  border-bottom-right-radius: 400px;
}
.cover h1{font-size: 38px;}

.bg-ev-support{background: linear-gradient(180deg, #1F2547 0%, #106D9A 100%);
  padding-right: 50px;
  padding-bottom: 50px;
}

.logo-ev{
  position: absolute;
  bottom: 25px;
  right: 20px;
}

.logo-ev img{width: 200px;}

/*-----Cuadrante------*/
.grid-program{
  grid-template-columns: repeat(2,1fr);
  grid-template-areas:
  "card1 card2"
  "img1 card3"
  "card4 ."
  "img2 img2"
  "card5 card6"
  "card7 img4"
  "card8 img4"
  "card9 img3"
  ". card10";
}


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

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

/*-----Cuadrante-----*/
.grid-program{
  grid-template-columns: repeat(3,1fr);
  grid-template-areas:
  ". card1 card2"
  "img1 card3 ."
  "card4 img2 img2"
  ". card5 card6"
  "card7 card8 img4"
  "img3 card9 img4"
  ". . card10";
}


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