/* ------------------------- GRUPO EDUCATIVO --------------------------------- */

 
    #grupo-educativo {
  width: 100%;
  display: flex;
  gap: 30px;
  margin: 50px 0;
  justify-content: center;
  flex-wrap: wrap;
}
#grupo-educativo > div {
  text-align: center;
  border-radius: 30px;
  overflow: hidden;
  border: 2px solid #555;
  width: 31%;
}
#grupo-educativo h2 {
  background: #003ca6;
  padding: 20px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  font-size: 35px;
  line-height: 40px;
}
#grupo-educativo > div > div {
  padding: 40px 20px;
}
#grupo-educativo .logo_ge {
  max-width: 90%;
  max-height: 175px;
  height: 175px;
  margin-bottom: 50px;
  object-fit: contain;
}
#grupo-educativo > div:nth-child(3) .logo{
  margin-bottom: 10px;
}
#grupo-educativo .logos {
  display: flex;
  gap: 50px;
  justify-content: center;
}
#grupo-educativo .logos img {
  height: 80px;
  width: 150px;
  margin-bottom: 50px;
  object-fit: contain;
}
#grupo-educativo a {
  font-size: 30px;
  font-weight: 600;
  background: #003ca6;
  color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
}
@property --diplomadoC1 {
  syntax: '<color>';
  initial-value: #3331c4;
  inherits: false;
}

@property --diplomadoC2 {
  syntax: '<color>';
  initial-value: #f03340;
  inherits: false;
}
#grupo-educativo > div:nth-child(1) a{
   background: linear-gradient(var(--diplomadoC1), var(--diplomadoC2));
  transition: --diplomadoC1 1s, --diplomadoC2 1s;
}

#grupo-educativo > div:nth-child(1) a:hover{
  --diplomadoC1: #f03340;
  --diplomadoC2: #3331c4;
}
@property --celC1 {
  syntax: '<color>';
  initial-value: #b12c51;
  inherits: false;
}

@property --celC2 {
  syntax: '<color>';
  initial-value: #20177f;
  inherits: false;
}
#grupo-educativo > div:nth-child(2) a{
   background: linear-gradient(var(--celC1), var(--celC2));
  transition: --celC1 1s, --celC2 1s;
}

#grupo-educativo > div:nth-child(2) a:hover{
  --celC1: #20177f;
  --celC2: #b12c51;
}

#grupo-educativo > div:nth-child(4) a{
    background: #4c2025;
}




/* ------------------------ DIPLOMADOS GRUPO EDUCATIVO ----------------------------- */
:root{
        --diplomado-color1: 0, 32, 92;
        --diplomado-color2: 0, 61, 166;
        --diplomado-color3: 0, 178, 227;
    }
    #d-cel .portada{
        background: rgb(var(--diplomado-color1)) url(../../img/kcfinder/images/grupo-educativo/bg-portada-diplomados.webp) no-repeat left center;
    }
    #d-cel .portada > div{
        width: 100%;
        text-align: center;
        padding: 50px 30px 0 30px;
        margin: 50px 0;
        background: linear-gradient(90deg, rgba(var(--diplomado-color2),.7) 0%, rgba(var(--diplomado-color1),.7) 100%);
    }
    #d-cel .portada .logo_cel{
        width: 350px;
    }
    #d-cel .portada hr{
        width: 300px;
        text-align: center;
        height: 3px;
        background: #fff;
        border: 0;
        margin: 25px auto;
    }
    #d-cel .portada h2{
        color: #fff;
    }
    #d-cel .portada h3{
        color: #fff;
        font-size: 35px;
        margin-top: 5px;
    }

    #d-cel .oferta > div {
        display: grid;
        grid-template-columns: 3fr 5fr;
        gap: 100px;
        align-items: end;
    }
    #d-cel .oferta > div .column2 {
        display: grid;
        grid-template-columns: 5fr 4fr;
        align-items: end;
    }
    #d-cel .oferta h3 {
        color: rgb(var(--diplomado-color2));
        line-height: 38px;
        letter-spacing: 2px;
        margin-bottom: 25px;
    }
    #d-cel .oferta li {
        list-style: disclosure-closed;
        margin: 25px 0;
        padding-left: 20px;
    }
    #d-cel .oferta li::marker {
        color: rgb(var(--diplomado-color2));
    }
    #d-cel .footer > div {
        display: grid;
        grid-template-columns: 1fr 2fr;
        align-items: end;
    }
    #d-cel .footer p {
        font-size: 16px;
        line-height: 26px;
    }
    #d-cel .curso .column2 {
        display: grid;
        grid-template-columns: 1fr 2fr;
        align-items: center;
    }
    #d-cel .curso h3 {
        color: rgb(var(--diplomado-color2));
        letter-spacing: 2px;
        font-weight: 800;
    }
    #d-cel .curso h4 {
        color: rgb(var(--diplomado-color3));
        margin: 10px 0 30px;
    }
    #d-cel .curso p {
        letter-spacing: 1px;
    }
    #d-cel .curso .desc {
        padding: 30px;
        background: url(../../img/kcfinder/images/grupo-educativo/c-bg-desc-diplomados.webp) no-repeat center bottom;
        box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
    }
    #d-cel .curso ul{
        margin-left: 30px;
    }
    #d-cel .curso li {
        list-style: disclosure-closed;
        margin: 20px 0;
    }
    #d-cel .curso li::marker {
        color: #999;
    }
    #d-cel .cursos{
        margin: 80px 0;
    }
    #d-cel .cursos > div {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 50px 30px;
        align-items: start;
    }
    #d-cel .cursos h4 {
        background: #ddd;
        padding: 15px;
        text-align: center;
        color: rgb(var(--diplomado-color2));
        height: 90px;
        transition: all .5s ease;
    }
    #d-cel .cursos > div > div{
        transition: all .8s ease;
    }
    #d-cel .cursos > div > div:hover{
        background: #eee;
    }
    #d-cel .cursos > div > div:hover .name h4{
        background: rgb(var(--diplomado-color1));
        color: #fff;
    }
    #d-cel .florida {
        margin: 80px 0;
    }
    #d-cel .florida img {
        width: 100%;
    }
    #d-cel .florida h3 {
        color: rgb(var(--diplomado-color2));
        margin: 30px 0;
        font-weight: 800;
    }
    #d-cel .florida > div {
        display: block;
        gap: 40px;
    }
    #d-cel .florida p {
        line-height: 25px;
        text-align: justify;
    }
    #d-cel .horarios > div {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 100px;
        align-items: center;
    }
    #d-cel .horarios .chart {
        position: relative;
    }
    #d-cel .horarios .chart p {
        position: absolute;
        max-width: 200px;
        width: 200px;
        text-align: center;
        font-size: 22px;
        font-weight: 500;
        top: 50%;
        transform: translateY(-50%);
    }
    #d-cel .horarios .chart p:first-child{
        left: 25px;
    }
    #d-cel .horarios .chart p:nth-child(2){
        right: 25px;
    }
    #d-cel .horarios .icon {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
    }
    #d-cel .horarios .icon i {
        color: rgb(var(--diplomado-color3));
        font-size: 60px;
    }
    #d-cel .horarios h4:not(.icon h4) {
        color: rgb(var(--diplomado-color3));
    }
    #d-cel .beneficios {
        margin-top: 80px;
    }
    #d-cel .beneficios h3 {
        color: rgb(var(--diplomado-color2));
        font-weight: 800;
    }
    #d-cel .beneficios > div {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 30px 30px;
        margin: 20px 0;
    }
    #d-cel .beneficios > div > div {
        background: linear-gradient(90deg, rgb(var(--diplomado-color3)) 0%, rgb(var(--diplomado-color2)) 130%);
        padding: 20px;
        border-radius: 20px;
        display: flex;
        gap: 10px;
        align-items: start;
    }
    #d-cel .beneficios > div i {
        font-size: 30px;
        color: rgb(var(--diplomado-color1));
    }
    #d-cel .beneficios h5 {
        color: rgb(var(--diplomado-color1));
        margin-top: 0;
        font-weight: 600;
    }
    #d-cel .beneficios p {
        line-height: 22px;
        font-size: 16px;
        font-weight: 400;
        color: #000;
    }


/* ----------------------------------- AES GRUPO EDUCATIVO ----------------------------- */

:root{
        --aes-color1: 8, 56, 152;
        --aes-color2: 23, 94, 204;
        --aes-color3: 196, 10, 30;
    }
#l-cel p{
font-size: 19px;
}
    #l-cel .portada {
  position: relative;
}
#l-cel .portada > img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
#l-cel .portada > div {
  max-width: 550px;
  padding: 90px 0 90px 80px;
}
#l-cel .portada > div img {
  width: 300px;
}
#l-cel .portada h2 {
  color: rgb(var(--aes-color1));  
  font-weight: 800;
  margin: 20px 0 30px;
}
#l-cel .portada h4 {
  color: rgb(var(--aes-color1));
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 35px;
}
#l-cel .nosotros {
  background: rgb(var(--aes-color1));
  padding: 80px;
  text-align: center;
}
#l-cel .nosotros h3 {
  font-size: 100px;
  color: rgb(var(--aes-color2));
  margin-bottom: 50px;
}
#l-cel .nosotros p {
  color: #fff;
}
#l-cel .respaldo {
  margin: 80px 0;
}
#l-cel .respaldo > div > div:first-child > div:first-child {
  padding: 40px 50px;
}
#l-cel .respaldo > div > div:first-child > div:nth-child(2) {
  padding: 40px;
  background: #eee;
}
#l-cel .respaldo .universidades {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  align-items: center;
}
#l-cel .respaldo .universidades > div {
  display: flex;
  gap: 15px;
  align-items: center;
}
#l-cel .respaldo .universidades {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  align-items: center;
  margin: 20px 0;
}
#l-cel .respaldo .universidades > div {
  display: flex;
  gap: 15px;
  align-items: center;
}
#l-cel .respaldo .universidades > div div:first-child {
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 50%;
  min-width: 85px;
  height: 85px;
  position: relative;
  width: 85px;
  padding: 5px;
}
#l-cel .respaldo .universidades > div div:first-child img:not(.country) {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#l-cel .respaldo .universidades > div div:first-child .country {
  width: 30px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: 0;
}
#l-cel .respaldo .universidades > div div:last-child {
  font-size: 13px;
  line-height: 18px;
}
#l-cel .respaldo .academias{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  align-items: center;
  margin: 20px 0;
}
#l-cel .respaldo .academias > div {
  display: flex;
  gap: 10px;
  align-items: center;
}
#l-cel .respaldo .academias > div div:first-child {
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 50%;
  min-width: 70px;
  height: 70px;
  position: relative;
  width: 70px;
  padding: 10px;
}
#l-cel .respaldo .academias > div div:first-child img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#l-cel .respaldo .academias > div div:last-child {
  font-size: 12px;
  line-height: 18px;
}
#l-cel .respaldo > div > div:first-child > div:last-child {
  background: url(../../img/kcfinder/images/grupo-educativo/bg-numeros-language.webp) center;
    background-size: auto;
  background-size: cover;
  padding: 70px;
  text-align: right;
  position: relative;
  display: flex;
  justify-content: end;
}
#l-cel .respaldo > div > div:first-child > div:last-child > div {
  display: flex;
  flex-wrap: wrap;
  max-width: 500px;
  width: 500px;
  text-align: center;
  gap: 40px 30px;
  justify-content: center;
}
#l-cel .respaldo > div > div:first-child > div:last-child h3 {
  font-size: 50px;
}
#l-cel .respaldo > div > div:first-child > div:last-child h3 small {
  font-size: 30%;
  letter-spacing: 2px;
}
#l-cel .licencia {
  display: flex;
  gap: 50px;
  align-items: end;
}
#l-cel .licencia img {
  border-radius: 15px;
  border: 1px solid #999;
}
#l-cel .licencia h4 {
  color: rgb(var(--aes-color1));
  letter-spacing: 8px;
  margin-bottom: 20px;
  text-align: center;
}
#l-cel .licencia p {
  font-size: 19px;
  text-align: center;
  font-weight: 600;
}
#l-cel .programa {
  margin: 80px 0;
  display: grid;
  grid-template-columns: 4fr 3fr;
  align-items: center;
  text-align: center;
}
#l-cel .programa > div:first-child {
  background: rgb(var(--aes-color1))  url(../../img/kcfinder/images/grupo-educativo/bg-programa-language.webp) left bottom no-repeat;
  height: 100%;
  padding: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  background-size: auto 80%;
}
#l-cel .programa h2 {
  color: #fff;
  font-size: 48px;
}
#l-cel .programa h5 {
  color: #fff;
  letter-spacing: 2px;
}
#l-cel .programa .bg-r {
  background: rgb(var(--aes-color3));
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
  font-weight: 500;
  font-size: 20px;
}
#l-cel .programa p {
  color: #fff;
  font-size: 19px;
}
#l-cel .dual-diploma {
  display: grid;
  grid-template-columns: 2fr 3fr;
  align-items: center;
  background: linear-gradient(180deg, rgb(255, 255, 255) 50%, rgb(var(--aes-color3)) 50%);
}
#l-cel .dual-diploma > div:last-child {
  padding-right: 80px;
}
#l-cel .dual-diploma h4 {
  color: rgb(var(--aes-color1));
  font-size: 30px;
  margin-bottom: 30px;
}
#l-cel .dual-diploma p {
  margin-bottom: 70px;
  font-size: 20px;
}
#l-cel .dual-diploma p:last-child {
  color: #fff;
}
#l-cel .obtener {
  margin: 50px 0;
  display: grid;
  grid-template-columns: 3fr 1fr;
}
#l-cel .obtener > div:first-child {
  padding: 50px;
  background: url(../../img/kcfinder/images/grupo-educativo/bg1-obtener-language.webp) right top no-repeat, url(../../img/kcfinder/images/grupo-educativo/bg2-obtener-language.webp) left bottom no-repeat, rgb(var(--aes-color1));
  background-size: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#l-cel .obtener > div:first-child > div {
  max-width: 500px;
}
#l-cel .obtener > div:first-child h4 {
  color: #fff;
  font-size: 30px;
  margin-bottom: 20px;
}
#l-cel .obtener > div:first-child p {
  color: #fff;
  font-size: 20px;
}
#l-cel .obtener > div:first-child > div:last-child {
  margin-left: 40%;
}
#l-cel .obtener > div:last-child {
  padding: 50px;
  text-align: center;
  color: rgb(var(--aes-color1));
}
#l-cel .obtener .creditos h4 {
  font-size: 45px;
  margin: 20px 0;
  color: rgb(var(--aes-color3));
}
#l-cel .obtener .creditos h4 small {
  font-size: 35%;
  color: rgb(var(--aes-color1));
}
#l-cel .obtener .creditos h5 {
  font-size: 30px;
  color: rgb(var(--aes-color1));
}
#l-cel .plan > div {
  display: grid;
  grid-template-columns: 1fr 3fr;
  margin: 50px 0;
}
#l-cel .plan h4 {
  color: rgb(var(--aes-color1));
}
#l-cel .plan h4 small {
  font-size: 60%;
}
#l-cel .plan table th {
  background: rgb(var(--aes-color1));
  padding: 10px;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
}
#l-cel .plan table td {
  padding: 15px 20px;
  font-size: 16px;
  border-bottom: 1px solid #ccc;
  background: #ddd;
}
#l-cel .plan table tr td:nth-child(2n) {
  background: #fff;
}
#l-cel .condiciones {
  background: url(../../img/kcfinder/images/grupo-educativo/bg-condiciones-language.webp) center;
    background-size: auto;
  background-size: cover;
  padding: 100px 70px 80px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#l-cel .condiciones > div:first-child {
  max-width: 450px;
}
#l-cel .condiciones > div:first-child h4 {
  color: #fff;
  font-size: 30px;
  margin-bottom: 20px;
}
#l-cel .condiciones p {
  color: #fff;
}
#l-cel .condiciones > div:last-child {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  margin-top: 80px;
  position: relative;
}
#l-cel .condiciones > div:last-child > div {
  display: flex;
  gap: 10px;
  align-items: start;
}
#l-cel .condiciones > div:last-child > div > h4 {
  color: #fff;
  font-size: 70px;
  line-height: 60px;
}
#l-cel .condiciones > div:last-child h4 {
  color: #fff;
  font-size: 30px;
  margin-bottom: 15px;
}
#l-cel .condiciones > div:last-child h5 {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
#l-cel .condiciones > div:last-child::before {
  content: '';
  position: absolute;
  width: 2px;
  height: 80%;
  background: #fff;
  left: 30%;
  top: 10%;
}
#l-cel .condiciones > div:last-child::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 80%;
  background: #fff;
  right: 30%;
  top: 10%;
}
#l-cel .calendario {
  margin: 80px 0;
  text-align: center;
}
#l-cel .calendario h3 {
  color: rgb(var(--aes-color1));
}
#l-cel .calendario > h5 {
  color: rgb(var(--aes-color2));
  text-transform: uppercase;
  font-weight: 500;
  font-size: 20px;
  margin: 15px 0 50px;
}
#l-cel .calendario .line-periods {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: start;
  position: relative;
}
#l-cel .calendario .line-periods .period i {
  color: rgb(var(--aes-color3));
  margin-bottom: 30px;
}
#l-cel .calendario .line-periods .period h4 {
  color: rgb(var(--aes-color3));
  font-size: 60px;
  line-height: 35px;
}
#l-cel .calendario .line-periods .period h4 small {
  color: #555;
  font-size: 30%;
  font-weight: 500;
}
#l-cel .calendario .line-periods .period h5 {
  color: rgb(var(--aes-color1));
  font-weight: 500;
}
#l-cel .calendario .line-periods .period h5 small {
  color: #555;
  font-size: 80%;
  font-weight: 500;
}
#l-cel .calendario .line-periods:before{
    position: absolute;
    content: '';
    width: 90%;
    height: 1px;
    border: 1px dashed rgb(var(--aes-color3));
  top: 13px;
  left: calc(5% + 5px);
}
#l-cel .beneficios h3 {
  color: rgb(var(--aes-color1));
}
#l-cel .beneficios > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  margin: 50px 0;
}
#l-cel .beneficios > div > div {
  display: flex;
  align-items: center;
  gap: 20px;
}
#l-cel .beneficios > div > div > div:first-child {
  position: relative;
}
#l-cel .beneficios .number {
  position: absolute;
  right: -5px;
  top: -5px;
  background: rgb(var(--aes-color3));
  border-radius: 50%;
  color: #fff;
  width: 25px;
  height: 25px;
  text-align: center;
  font-size: 15px;
  font-weight: 800;
  line-height: 25px;
}
#l-cel .beneficios i {
  width: 60px;
  height: 60px;
  background: #ddd;
  border-radius: 50%;
  line-height: 60px;
  text-align: center;
  color: rgb(var(--aes-color1));
  font-size: 25px;
}
#l-cel .beneficios h6{
    font-size: 17px;
}
#l-cel .pq-elegirnos {
  background: rgb(var(--aes-color1));
  padding: 50px 80px;
}
#l-cel .pq-elegirnos h3 {
  color: #fff;
  text-align: center;
}
#l-cel .pq-elegirnos > div {
  margin: 50px 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  gap: 50px;
}
#l-cel .pq-elegirnos > div > div > div {
  display: flex;
  gap: 10px;
  margin: 60px 0;
}
#l-cel .pq-elegirnos > div > div > div h3 {
  margin-top: -10px;
}
#l-cel .pq-elegirnos > div > div > div p {
  color: #fff;
  line-height: 20px;
  text-align: left;
}
#l-cel .pq-elegirnos > div > div:first-child > div{
  text-align: right;
}
#l-cel .pq-elegirnos > div > div > div{
  text-align: left;
}
#l-cel .pq-elegirnos > div > div > div i {
  background: rgb(var(--aes-color3));
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
}



    :root{
        --lc-color1: 173, 163, 151;
        --lc-color2: 75, 32, 37;
    }
    #l-ge-fgu .portada {
  background: url(../img/kcfinder/images/grupo-educativo/bg-portada-lc.webp) center;
    background-size: auto;
  background-size: cover;
}
#l-ge-fgu .portada > div {
  background: rgba(0, 0, 0, 0.4);
  padding: 100px;
  display: flex;
  justify-content: end;
}
#l-ge-fgu .portada > div > div {
  text-align: right;
  max-width: 700px;
}
#l-ge-fgu .portada .logo {
  width: 250px;
}
#l-ge-fgu .portada h2 {
  text-align: left;
  color: #fff;
  font-size: 55px;
  margin-top: 150px;
}
#l-ge-fgu .portada h2 small {
  text-transform: uppercase;
  font-size: 45%;
  letter-spacing: 5px;
}
#l-ge-fgu .programas {
  margin: 50px 0;
}
#l-ge-fgu .programas h4 {
  font-size: 16px;
  letter-spacing: 2px;
  margin: 50px 0;
  color: rgb(var(--lc-color2));
}
#l-ge-fgu .programas h2 {
  color: rgb(var(--lc-color1));
}
#l-ge-fgu .programas > div {
  display: grid;
  margin: 50px 80px;
  gap: 180px;
  grid-template-columns: 1fr 1fr;
  position: relative;
}
#l-ge-fgu .programas > div:before{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #ccc;
}
#l-ge-fgu .programas h3 {
  font-size: 25px;
  font-weight: 500;
  border-bottom: 1px solid #333;
  padding-bottom: 20px;
}
#l-ge-fgu .programas li {
  list-style: disc;
    list-style-position: outside;
  list-style-position: inside;
}
#l-ge-fgu .acerca {
  margin: 100px 0;
}
#l-ge-fgu .acerca > div:first-child {
  display: grid;
  gap: 100px;
  align-items: start;
  margin: 50px 0;
  grid-template-columns: 2fr 9fr;
}
#l-ge-fgu .acerca .logo {
  margin: -50px 0 0;
}
#l-ge-fgu .acerca h2 {
  margin: 30px 0;
}
#l-ge-fgu .acerca > div:last-child {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
}
#l-ge-fgu .acerca i {
  font-size: 25px;
  margin-bottom: 20px;
}
#l-ge-fgu .respaldo {
  display: grid;
  grid-template-columns: 4fr 2fr 5fr;
  gap: 50px;
  overflow: hidden;
}
#l-ge-fgu .respaldo > div:first-child {
  transform: skewX(-5deg);
  transform-origin: top;
}
#l-ge-fgu .respaldo > div > img {
  height: 100%;
  object-fit: cover;
}
#l-ge-fgu .respaldo > div:nth-child(2) {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
#l-ge-fgu .respaldo hr {
  border-width: 1px;
  border-color: #333;
}
#l-ge-fgu .respaldo > div:last-child {
    position: relative;
    padding: 50px
}
#l-ge-fgu .respaldo > div:last-child:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #eee;
    top: 0;
    left: 0;
    z-index: -1;
    transform: skewX(-5deg);
    transform-origin: bottom;
}
#l-ge-fgu .respaldo .universidades > div div:first-child {
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 50%;
  min-width: 75px;
  height: 75px;
  position: relative;
  width: 75px;
  padding: 2px;
  margin: 0 auto;
}
#l-ge-fgu .respaldo .universidades > div div:first-child img:not(.country) {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#l-ge-fgu .respaldo .universidades > div div:first-child .country {
  width: 30px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: 0;
}
#l-ge-fgu .respaldo .academias > div div:first-child {
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 50%;
  min-width: 60px;
  height: 60px;
  position: relative;
  width: 60px;
  padding: 0;
  margin: 0 auto;
}
#l-ge-fgu .respaldo .academias > div div:first-child img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
#l-ge-fgu .respaldo .universidades > div div:last-child {
  font-size: 13px;
  line-height: 18px;
  max-width: 100px;
  margin: 10px auto;
}
#l-ge-fgu .respaldo .academias > div div:last-child {
    font-size: 11px;
    line-height: 18px;
    max-width: 100px;
  margin: 10px auto;
}
#l-ge-fgu .respaldo .universidades > div div:last-child h5{
    font-size: 17px;
}
#l-ge-fgu .respaldo .academias > div div:last-child h5{
    font-size: 15px;
}
#l-ge-fgu .respaldo .universidades {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  text-align: center;
}
#l-ge-fgu .respaldo .academias {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  text-align: center;
  margin-top: 30px;
}
#l-ge-fgu .podras {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 100px;
  align-items: center;
  margin: 80px 0;
}
#l-ge-fgu .podras h3 {
  margin-bottom: 60px;
}
#l-ge-fgu .podras h4 {
  font-weight: 500;
}
#l-ge-fgu .podras > div > div{
    margin: 50px 0;
}  
#l-ge-fgu .licenciaturas {
  padding: 50px;
  background: url(../img/kcfinder/images/grupo-educativo/licenciaturas-lc.webp);
    background-size: auto;
  background-size: cover;
}
#l-ge-fgu .licenciaturas .column-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  margin-bottom: 20px;
}
#l-ge-fgu .licenciaturas > div:not(.column-2) {
  max-width: 700px;
}
#l-ge-fgu .licenciaturas li {
  list-style: disc;
    list-style-position: outside;
  list-style-position: inside;
}
#l-ge-fgu .licenciaturas li::marker {
    content: '+ ';
    margin-right: 15px;
}
#l-ge-fgu .lcs-grid {
  margin: 100px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 50px 0;
  justify-content: space-around;
}
#l-ge-fgu .lcs-grid > div {
  width: 48%;
}
#l-ge-fgu .lcs-grid > div img{
  width: 100%;
}

#lc-contendido body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin: 20px;
            padding: 0;
            color: #333;
        }
        #lc-contendido .header {
            background-color: #003366;
            color: #fff !important;
            padding: 10px 20px;
            border-radius: 0 50px 50px 0;
            display: block;
            text-align: left;
        }
        #lc-contendido .header h1 {
            margin: 0;
            font-size: 24px;
            color: #fff !important;
            text-align: left;
            line-height: 34px;
        }
        #lc-contendido .subheader {
            background-color: #0072C6;
            color: white;
            padding: 10px 20px;
            border-radius: 0 50px 50px 0;
            display: block;
        }
        #lc-contendido .subheader h2 {
            margin: 0;
            font-size: 18px;
            color: #fff !important;
            line-height: 26px;
        }
        #lc-contendido .content {
            display: flex;
            gap: 20px;
            margin-top: 20px;
            padding-top: 30px !important;
        }
        #lc-contendido .left-column, .right-column {
            flex: 1;
        }
        #lc-contendido .section h3 {
            color: #003366;
            margin-bottom: 10px;
            font-size: 26px;
        }
        #lc-contendido .section p, .section ul {
            margin: 10px 0;
        }
        #lc-contendido ul {
            padding-left: 20px;
        }
        #lc-contendido vul li {
            margin-bottom: 10px;
        }
        #lc-contendido .footer {
            text-align: center;
            margin-top: 20px;
        }
        #lc-contendido .footer img {
            max-width: 150px;
        }
        
        
        /*  ESTILO PRODUCTO INGLES CEL LANGUGAE  */
#cel-por p {font-size: 22px;}
#cel-por h2 {font-size: 50px; font-weight: 900; letter-spacing: 1px; color: #0c64e8;}
#cel-por h2 span {color: #d5253a;}
#cel-por .i-column2{display: grid;grid-template-columns: 2fr 4fr;align-items: center; gap: 40px;}
#cel-por .niveles-column2{display: grid;grid-template-columns: 1fr 1fr;align-items: center;gap: 50px;}
#cel-por .niveles-column2 > div:first-child{padding: 25px 0 0;border-radius: 20px;background: #0c64e8;overflow: hidden;}
#cel-por .niveles-column2 > div:first-child div{padding: 0 20px;}
#cel-por .niveles-column2 > div:first-child h3{font-size: 38px;font-weight: 900;color: #fff;}
#cel-por .niveles-column2 > div:first-child h3 span{color: #d5253a;}
#cel-por .niveles-column2 p{text-align: justify;}
#cel-por .button-lb{font-size: 48px;font-weight: 900;color: #0c64e8;line-height:50px;}
#cel-por .button-lb span{color: #d5253a;}
#cel-por .es-niveles{padding: 0;border-radius: 30px;background: #0c64e8;overflow: hidden; margin: 20px; display: flex; justify-content: space-between;}
#cel-por .es-niveles div:first-child{background: #d5253a;padding: 18px;text-align: center;border-radius: 20px; width: 20%}
#cel-por .es-niveles div:first-child h3{color: #fff;font-size: 45px;font-weight: 900;}
#cel-por .es-niveles div:first-child h3 small{font-size: 45%;display: block;}
#cel-por .es-niveles div:last-child{padding: 18px; color:#fff; width: 80%}
#cel-por .es-niveles div:last-child p{color:#fff;}
#cel-por .pai-column2{display: grid;grid-template-columns: 4fr 1fr;gap: 25px;align-items: center;}
#cel-por .pai-column2 > div:first-child{padding: 20px 25px;background: #0c64e8;}
#cel-por .list{display: flex;gap: 10px;margin: 20px 0;color: #fff;}
#cel-por .list p{color: #fff;}
#cel-por .list i{font-size: 40px;}
#cel-por .img-column2{display: flex;gap: 30px;width: 80%;margin: 60px auto;}
#cel-por .img-column2 div{padding: 10px;background: #0c64e8;}
#cel-por .niveles-g{display: grid;grid-template-columns: repeat(6, 1fr);width: 90%;margin: 80px auto;gap: 5px;align-items: end;}
#cel-por .niveles-g > div{display: flex;flex-direction: column;}
#cel-por .niveles-g > div > div:first-child{background: #0c64e8; padding: 0px 15px; text-align: center;}
#cel-por .niveles-g > div > div:first-child h3{font-size: 50px;font-weight: 900;color: #fff;}
#cel-por .niveles-g > div:nth-child(2n) > div:first-child{background: #d5253a;}
#cel-por .niveles-g > div > div:last-child{background: #ebedf1; padding-left: 15px; padding-right: 15px; text-align: center;display: flex; align-items: center; justify-content: center;}
#cel-por .niveles-g > div:nth-child(1) > div:last-child{height: 100px;}
#cel-por .niveles-g > div:nth-child(2) > div:last-child{height: 125px;}
#cel-por .niveles-g > div:nth-child(3) > div:last-child{height: 150px;}
#cel-por .niveles-g > div:nth-child(4) > div:last-child{height: 175px; background: #0c64e8 !important;}
#cel-por .niveles-g > div:nth-child(4) > div:last-child i{font-size: 40px;margin-right: -10px;}
#cel-por .niveles-g > div:nth-child(4) > div:last-child h4{color: #fff;}
#cel-por .niveles-g > div:nth-child(5) > div:last-child{height: 200px;}
#cel-por .niveles-g > div:nth-child(6) > div:last-child{height: 225px;}
#cel-por .niveles-g > div > div:last-child h4{font-size: 18px;font-weight: 900;color: #0e4aa6;margin: 0;}
#cel-por .niveles-g > div:nth-child(2n) > div:last-child{background: #d5e5d5;}




/* ***********************************************************************  CATEGORIA ACVAY  *********************************************************************** */

    :root {
        --color-principal-acvay: #041e6b;
        --color-secundario-acvay: #dce4f7;
        --gris-principal-acvay: #808080;
        --color-tercero-acvay: #849eeb;
        --gris-secundario-acvay: #d1d1d1;
        --color-text-acvay: #5c5c5c;
    }

    #tabs-acvay {
        width: 90%;
        margin: 0 auto;
        border: 0;
        padding: 0;
    }

    #tabs-acvay ul {
        list-style: disc;
    }

    #tabs-acvay ul li {
        list-style: disc;
    }

    #tabs-acvay ul li::marker {
        font-size: 25px;
    }

    #tabs-acvay .column-2-acvay {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: 50px;
    }

    #tabs-acvay .titulo-acvay {
        font-size: 50px;
        text-transform: uppercase;
        font-weight: 900;
        line-height: 50px;
        color: var(--color-principal-acvay);
        margin: 10px 0 5px;
    }

    #tabs-acvay .titulo-acvay .titulo-bg {
        padding: 0 50px 0 10px;
        background: linear-gradient(45deg, rgba(153, 153, 153, 1) 0%, rgba(209, 209, 209, 1) 25%, rgba(128, 128, 128, 1) 50%, rgba(209, 209, 209, 1) 75%, rgba(128, 128, 128, 1) 100%);
        margin: 20px 0;
    }

    #tabs-acvay .titulo-acvay .format1-titulo-acvay {
        font-size: 30px;
        text-transform: none;
        font-weight: 400;
        color: var(--gris-principal-acvay);
    }

    #tabs-acvay .titulo-acvay .format3-titulo-acvay {
        font-size: 30px;
        text-transform: none;
        font-weight: 400;
        color: var(--color-tercero-acvay);
    }

    #tabs-acvay .titulo-acvay .format2-titulo-acvay {
        font-size: 40px;
        font-weight: 400;
    }

    #tabs-acvay .titulo-acvay.titulo-gd {
        font-size: 40px;
        display: flex;
        gap: 20px;
        align-items: center;
    }

    #tabs-acvay .titulo-acvay.titulo-gd .format2-titulo-acvay {
        font-size: 30px;
        text-transform: capitalize;
    }

    #tabs-acvay .line-tittle {
        width: 100%;
        height: 6px;
        background: var(--gris-principal-acvay);
        background: linear-gradient(90deg, var(--gris-principal-acvay) 0%, var(--gris-secundario-acvay) 50%, var(--gris-principal-acvay) 100%);
        margin-bottom: 50px
    }

    #tabs-acvay .text-capitalize {
        position: relative;
    }

    #tabs-acvay .text-capitalize .letter-capitalize {
        font-size: 90px;
        font-weight: 900;
        color: var(--color-secundario-acvay);
        position: absolute;
        top: -10px;
        left: -30px;
    }

    #tabs-acvay .text-capitalize p {
        z-index: 9999;
        position: relative;
        font-size: 18px;
        line-height: 22px;
        color: var(--color-text-acvay);
        text-align: justify;
    }


    /* ------------------------------ SOLUCIONES FINANCIERAS ------------------------------ */

    #tabs-acvay #soluciones-financieras p {
        font-size: 18px;
        color: var(--color-text);
    }

    /* ------------------------------ NOSOTROS ------------------------------ */

    #tabs-acvay #nosotros-ct {
        background: #fff;
        padding: 80px 20px;
        display: grid;
        grid-template-columns: 3fr 2fr;
        align-items: center;
        gap: 50px;
        background-image: url(/img/kcfinder/images/acvay/nosotros_acvay.jpg);
        background-size: contain;
        background-position: left;
        background-repeat: no-repeat;
    }

    #tabs-acvay #nosotros-ct .img img {
        display: none;
    }

    #tabs-acvay #nosotros-ct .text {
        position: relative;
    }


    /* ------------------------------ FOLOSOFIA & OBJETIVOS ------------------------------ */

    #tabs-acvay #filosofia-objetivos {
        background: #fff;
        padding: 50px 20px;
        display: grid;
        grid-template-columns: 2fr 3fr;
        align-items: center;
        gap: 50px;
    }

    #tabs-acvay #filosofia-objetivos .img img {
        width: 100%;
    }


    /* ------- GRUPO DIRECTIVO ------- */

    #tabs-acvay #grupo-directivo {
        background: #fff;
        padding: 50px 20px;
    }

    #tabs-acvay #grupo-directivo .column-5-acvay,
    #tabs-acvay #catalogo .column-5-acvay {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 90px 50px;
        margin: 80px 0;
    }

    #tabs-acvay #grupo-directivo .column-5-acvay>div,
    #tabs-acvay #catalogo .column-5-acvay>div {
        width: 400px;
        height: auto;
    }

    #tabs-acvay #grupo-directivo .container-personal,
    #tabs-acvay #catalogo .container-personal {
        background: #fff;
        box-shadow: 0 10px 20px rgba(0, 0, 0, .3);
        border-radius: 30px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow: hidden;
    }

    #tabs-acvay #grupo-directivo .img-personal,
    #tabs-acvay #catalogo .img-personal {
        width: 100%;
        height: 220px;
    }

    #tabs-acvay #grupo-directivo .img-personal img,
    #tabs-acvay #catalogo .img-personal img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #tabs-acvay #grupo-directivo .datos-personal {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 15px;
        padding-left: 20px;
        min-height: 104px;
    }

    #tabs-acvay #grupo-directivo .nombre-personal {
        font-size: 20px;
        font-weight: 900;
        color: var(--color-principal-acvay);
        margin: 0;
        line-height: 20px;
    }

    #tabs-acvay #grupo-directivo .nombre-personal>span {
        font-size: 22px;
        font-weight: 400;
    }

    #tabs-acvay #grupo-directivo .datos-personal p {
        color: var(--color-text-acvay);
        font-size: 13px;
        margin: 5px 0;
    }

    #tabs-acvay #grupo-directivo .experiencial-personal {
        text-align: center;
        padding: 10px 20px;
        background: var(--color-secundario-acvay);
        height: 100%;
    }

    #tabs-acvay #grupo-directivo .datos-personal .experiencial-personal p {
        color: var(--color-principal-acvay);
        font-size: 15px;
        margin: 0 0 10px 0;
        line-height: 20px;
    }

    #tabs-acvay #grupo-directivo .number-experiencia {
        font-size: 40px;
        color: var(--color-principal-acvay);
        font-weight: 900;
        margin: 0;
    }

    #tabs-acvay #grupo-directivo .subtitulo-personal {
        background: var(--color-principal-acvay);
        text-align: center;
        padding: 5px 20px;
    }

    #tabs-acvay #grupo-directivo .subtitulo-personal h4 {
        color: #fff;
        font-size: 17px;
        margin: 0;
    }

    #tabs-acvay #grupo-directivo .contenido-personal {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 5px 25px;
        color: var(--color-principal-acvay);
        font-size: 15px;
        min-height: 150px;
    }

    #tabs-acvay #grupo-directivo .contenido-personal ul {
        padding-left: 15px;
        margin: 15px 0;
    }

    #tabs-acvay #grupo-directivo .contenido-personal li {
        color: var(--color-principal-acvay);
        font-size: 15px;
    }

    #tabs-acvay #grupo-directivo .contenido-personal p {
        color: var(--color-principal-acvay);
        font-size: 15px;
    }

    #tabs-acvay #grupo-directivo .contenido-personal.line-contenido-personal {
        padding: 10px 25px 15px;
        min-height: 120px;
    }

    #tabs-acvay #grupo-directivo .contenido-personal.line-contenido-personal>p {
        border-bottom: 1px solid var(--color-principal-acvay);
        padding: 8px 0 5px;
        margin: 0;
    }

    #tabs-acvay #grupo-directivo .contenido-personal.line-contenido-personal>p:last-child {
        border-bottom: none;
    }

    #tabs-acvay #grupo-directivo .base-personal,
    #tabs-acvay #catalogo .base-personal {
        padding: 20px 20px 15px;
        display: flex;
        gap: 15px;
        align-items: center;
    }

    #tabs-acvay #grupo-directivo .base-personal>img,
    #tabs-acvay #catalogo .base-personal>img {
        width: 35px;
        height: 35px;
    }

    #tabs-acvay #grupo-directivo .base-personal>h4,
    #tabs-acvay #catalogo .base-personal>h4 {
        margin: 0;
        color: var(--color-principal-acvay);
        font-size: 16px;
    }

    #tabs-acvay #grupo-directivo .base-personal>h4>span,
    #tabs-acvay #catalogo .base-personal>h4>span {
        font-weight: 400;
    }

    #tabs-acvay #grupo-directivo .ubicaciones-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        align-items: start;
        gap: 25px;
        width: 90%;
        margin: 0 auto;
    }

    #tabs-acvay #grupo-directivo .titulo-ubicaciones {
        padding: 10px 20px;
        border-radius: 50px;
        color: var(--color-principal-acvay);
        font-size: 22px;
        font-weight: 900;
        background: rgb(153, 153, 153);
        background: linear-gradient(45deg, rgba(153, 153, 153, 1) 0%, rgba(209, 209, 209, 1) 25%, rgba(128, 128, 128, 1) 50%, rgba(209, 209, 209, 1) 75%, rgba(128, 128, 128, 1) 100%);
    }

    #tabs-acvay #grupo-directivo .base-container {
        display: flex;
        align-items: center;
        gap: 15px;
        width: 100%;
        border: 1px solid var(--color-principal-acvay);
        border-radius: 50px;
        background: #fff;
        margin-bottom: 25px;
    }

    #tabs-acvay #grupo-directivo .pais-ubicacion {
        display: flex;
        align-items: center;
        gap: 15px;
        border-radius: 50px;
        background: var(--color-secundario-acvay);
        color: var(--color-principal-acvay);
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 500;
        padding: 5px 20px 5px 5px;
    }

    #tabs-acvay #grupo-directivo .pais-ubicacion span {
        line-height: 20px;
    }

    #tabs-acvay #grupo-directivo .pais-ubicacion>img {
        width: 35px;
        height: 35px;
    }

    #tabs-acvay #grupo-directivo .base-container>div:last-child {
        font-size: 16px;
        font-weight: 100;
        text-align: center;
        padding-right: 20px;
        line-height: 16px;
    }

    /* ------------------------------ VALOR ------------------------------ */

    #tabs-acvay #valor {
        background: #fff;
        padding: 50px 20px;
        display: grid;
        grid-template-columns: 3fr 2fr;
        align-items: center;
        gap: 50px;
        background-image: url(/img/kcfinder/images/acvay/valor_acvay.png);
        background-size: contain;
        background-position: left;
        background-repeat: no-repeat;
    }

    #tabs-acvay #valor .img img {
        display: none;
    }

    #tabs-acvay #valor .list-valor {
        display: grid;
        grid-template-columns: 1fr 7fr;
        align-items: start;
        gap: 30px;
        margin-bottom: 40px;
    }

    #tabs-acvay #valor .list-valor .number-list {
        text-align: center;
        font-size: 80px;
        font-weight: 300;
        line-height: 80px;
        color: var(--color-tercero-acvay);
    }

    #tabs-acvay #valor .list-valor .text-list h3 {
        color: var(--color-tercero-acvay);
        font-size: 27px;
        font-weight: 900;
        margin: 10px 0;
    }

    #tabs-acvay #valor .list-valor .text-list p {
        color: var(--color-text-acvay);
        font-size: 19px;
        text-align: justify;
        margin: 15px 0;
    }


    /* ------------------------------ SERVICIOS ------------------------------ */

    #tabs-acvay #servicios-ct {
        background: #fff;
        padding: 50px 20px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: 70px;
    }

    #tabs-acvay #servicios-ct .servicios-text {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        gap: 40px;
    }

    #tabs-acvay #servicios-ct .servicios-text>div:first-child {
        text-align: right;
    }

    #tabs-acvay #servicios-ct .servicios-text p {
        color: var(--color-principal-acvay);
        font-size: 25px;
    }

    #tabs-acvay #servicios-ct .servicios-text>div:last-child {
        display: none;
    }

    #tabs-acvay #servicios-ct .servicios-text img {
        border-radius: 0 0 30px 30px;
        margin-bottom: 20px;
    }

    #tabs-acvay #servicios-ct .servicios-blocks {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px 30px;
    }

    #tabs-acvay #servicios-ct .servicios-blocks>div {
        background: #fff;
        border-radius: 15px;
        padding: 50px;
        box-shadow: -5px 5px 12px var(--gris-secundario-acvay);
        text-decoration: none;
        transition: all .3s ease;
    }

    #tabs-acvay #servicios-ct .servicios-blocks>div:hover {
        transform: scale(1.05) translateY(-20px);
    }

    #tabs-acvay #servicios-ct .servicio-block div>h3 {
        color: var(--color-tercero-acvay);
        font-size: 30px;
        font-weight: 900;
        padding-left: 30px;
        margin: 0;
    }

    #tabs-acvay #servicios-ct .servicios-blocks>div div>h3 span {
        color: var(--color-principal-acvay);
    }

    #tabs-acvay #servicios-ct .servicios-blocks>div ul {
        padding-left: 25px;
    }

    #tabs-acvay #servicios-ct .servicios-blocks>div ul li {
        color: var(--color-text-acvay);
        font-size: 18px;
        margin: 2px 0;
    }

    /* ------------------------------ SECTORES DE ECONOMIA ------------------------------ */

    #tabs-acvay #sectores-economia {
        background: #fff;
        padding: 50px 20px;
        display: grid;
        grid-template-columns: 2fr 3fr;
        gap: 50px;
    }

    #tabs-acvay #sectores-economia .sectores-text p {
        font-size: 20px;
        color: var(--color-text-acvay);
        width: 300px;
    }

    #tabs-acvay #sectores-economia .titulo-acvay {
        text-transform: none;
    }

    #tabs-acvay #sectores-economia .sectores-economia-blocks {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px 50px;
    }

    #tabs-acvay #sectores-economia .sector-economia-block {
        padding: 10px;
        border-radius: 20px;
        position: relative;
        background-size: cover;
        background-position: center;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    #tabs-acvay #sectores-economia .sector-economia-block:nth-child(1) {
        background-image: url(/img/kcfinder/images/acvay/energia-renovable_acvay.webp);
    }

    #tabs-acvay #sectores-economia .sector-economia-block:nth-child(2) {
        background-image: url(/img/kcfinder/images/acvay/financiero_acvay.jpg);
    }

    #tabs-acvay #sectores-economia .sector-economia-block:nth-child(3) {
        background-image: url(/img/kcfinder/images/acvay/logistica-transporte_acvay.jpg);
    }

    #tabs-acvay #sectores-economia .sector-economia-block:nth-child(4) {
        background-image: url(/img/kcfinder/images/acvay/industrias-diversas_acvay.jpg);
    }

    #tabs-acvay #sectores-economia .sector-economia-block:nth-child(5) {
        background-image: url(/img/kcfinder/images/acvay/infraestructura_acvay.jpg);
    }

    #tabs-acvay #sectores-economia .sector-economia-block:nth-child(6) {
        background-image: url(/img/kcfinder/images/acvay/agroindustria_acvay.jpg);
    }

    #tabs-acvay #sectores-economia .sector-economia-block:nth-child(7) {
        background-image: url(/img/kcfinder/images/acvay/salud-aseo_acvay.jpeg);
    }

    #tabs-acvay #sectores-economia .sector-economia-block:nth-child(8) {
        background-image: url(/img/kcfinder/images/acvay/tecnologia_acvay.webp);
    }

    #tabs-acvay #sectores-economia .fondo-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(4, 30, 107);
        background: linear-gradient(45deg, rgba(4, 30, 107, 1) 0%, rgba(4, 30, 107, 0) 80%);
    }

    #tabs-acvay #sectores-economia .number {
        font-size: 80px;
        font-weight: 900;
        -webkit-text-stroke: 1px #fff;
        position: relative;
        background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin: 0;
        text-align: right;
        line-height: 80px;
    }

    #tabs-acvay #sectores-economia .sector-economia-block h3 {
        font-size: 30px;
        color: #fff;
        position: relative;
        margin: 0;
    }


    /* ------------------------------ ACCESO CAPITAL ------------------------------ */

    #tabs-acvay #acceso-capital {
        background: #fff;
        padding: 50px 20px;
        display: grid;
        grid-template-columns: 2fr 3fr;
        gap: 50px;
        background-image: url(/img/kcfinder/images/acvay/acceso-capital_acvay.png);
        background-size: contain;
        background-position: left;
        background-repeat: no-repeat;
    }

    #tabs-acvay #acceso-capital .titulo-acvay {
        text-transform: none;
    }

    #tabs-acvay #acceso-capital .img img {
        display: none;
    }

    #tabs-acvay #acceso-capital .acceso-capital-blocks {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 40px;
    }

    #tabs-acvay #acceso-capital .acceso-capital-blocks ul li {
        color: var(--color-text-acvay);
        font-size: 17px;
    }

    #tabs-acvay #acceso-capital .acceso-capital-block ul {
        padding-left: 20px;
    }

    /* ------------------------------ ESQUEMA------------------------------ */

    #tabs-acvay #esquema {
        background: #fff;
        padding: 50px 20px;
        color: var(--color-principal-acvay);
    }

    #tabs-acvay #esquema .titulo-acvay {
        text-transform: none;
    }

    #tabs-acvay #esquema .esquema-container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        align-items: center;
    }

    #tabs-acvay #esquema .esquema-container ul {
        padding-left: 10px;
    }

    #tabs-acvay #esquema .esquema-container hr {
        color: var(--color-principal-acvay);
        border-width: 0.1em;
        border-bottom-width: 0.1em;
        border-bottom: 0;
    }


    /* ---------------------------------------- RESPONSIVE ---------------------------------------- */


    @media only screen and (max-width: 1300px) {


        #servicios-ct-sectores .servicios-text>div:first-child img {
            display: block;
            margin: 0 auto;
            width: 100% !important;
            transform: none !important;
        }
    }

    @media only screen and (max-width: 1300px) {
        #tabs-acvay {
            width: 95%;
        }

        #tabs-acvay #nosotros-ct {
            padding: 80px 80px 80px 0 !important;
            background-size: auto;
        }

        #tabs-acvay #filosofia-objetivos,
        #tabs-acvay #grupo-directivo,
        #tabs-acvay #servicios-ct,
        #tabs-acvay #sectores-economia {
            padding: 80px 90px !important;
        }

        #tabs-acvay #esquema {
            padding: 80px 00px !important;
        }

        #tabs-acvay #valor {
            padding: 80px 90px 80px 0 !important;
            background-size: 70%;
            background-position: top left;
        }

        #tabs-acvay #valor .list-valor {
            margin-bottom: 20px;
        }

        #tabs-acvay #acceso-capital {
            padding: 80px 90px 80px 0 !important;
        }

    }

    @media only screen and (max-width: 1000px) {
        #tabs-acvay #nosotros-ct {
            padding: 80px !important;
            background-image: none !important;
            grid-template-columns: 1fr !important;
            gap: 10px !important;
        }

        #tabs-acvay #nosotros-ct .img img {
            display: block !important;
            scale: 1.3;
        }

        #tabs-acvay #filosofia-objetivos {
            padding: 80px !important;
            grid-template-columns: 1fr !important;
        }

        #tabs-acvay #grupo-directivo {
            padding: 80px 50px !important;
        }

        #tabs-acvay #grupo-directivo .column-5-acvay,
        #tabs-acvay #catalogo .column-5-acvay {
            gap: 50px 10px;
        }

        #tabs-acvay #grupo-directivo .container-personal,
        #tabs-acvay #catalogo .container-personal {
            width: 380px !important;
        }

        #tabs-acvay #grupo-directivo .ubicaciones-container {
            grid-template-columns: 1fr;
        }

        #tabs-acvay #grupo-directivo .ubicaciones-container>div .base-container:last-child {
            margin: 0;
        }

        #tabs-acvay #valor {
            padding: 80px !important;
            background-image: none !important;
            grid-template-columns: 1fr !important;
            gap: 10px !important;
        }

        #tabs-acvay #valor .img img {
            display: block !important;
            scale: 1.3;
            transform: rotateY(180deg);
            margin-bottom: -200px;
        }

        #tabs-acvay #servicios-ct {
            padding: 80px !important;
            grid-template-columns: 1fr !important;
        }

        #tabs-acvay #servicios-ct .servicios-text {
            grid-template-columns: 1fr !important;
        }

        #tabs-acvay #servicios-ct .servicios-text>div:first-child {
            text-align: center;
        }

        #tabs-acvay #sectores-economia {
            padding: 80px !important;
            grid-template-columns: 1fr !important;
        }

        #tabs-acvay #sectores-economia .sectores-text p {
            width: 100% !important;
        }

        #tabs-acvay #sectores-economia .sectores-text>br {
            display: none !important;
        }

        #tabs-acvay #acceso-capital {
            padding: 80px !important;
            background-image: none !important;
            grid-template-columns: 1fr !important;
            gap: 10px !important;
        }

        #tabs-acvay #acceso-capital .img img {
            display: block !important;
            scale: 1.3;
            transform: rotateY(180deg);
            margin-bottom: -400px;
        }

        #tabs-acvay #acceso-capital .acceso-capital-text {
            position: relative;
        }

        #tabs-acvay #esquema {
            padding: 80px 0 !important;
        }

        #tabs-acvay #esquema .esquema-container {
            grid-template-columns: 1fr !important;
        }
    }

    @media only screen and (max-width: 700px) {
        #tabs-acvay .titulo-acvay {
            font-size: 45px !important;
            line-height: 40px !important;
        }

        #tabs-acvay .line-tittle {
            height: 5px !important;
        }

        #tabs-acvay .text-capitalize .letter-capitalize {
            font-size: 70px;
            top: -5px;
            left: -20px;
        }

        #tabs-acvay .text-capitalize p {
            font-size: 16px !important;
        }

        #tabs-acvay ul li::marker {
            font-size: 23px !important;
        }

        #nosotros-ct,
        #filosofia-objetivos,
        #grupo-directivo,
        #valor,
        #servicios-ct,
        #sectores-economia,
        #acceso-capital,
        #esquema {
            padding: 60px !important;
        }

        #sectores-economia .titulo-acvay,
        #esquema .titulo-acvay {
            line-height: 50px !important;
        }

        #tabs-acvay .titulo-acvay.titulo-gd {
            flex-direction: column-reverse !important;
        }

        .ubicaciones-container {
            width: 100% !important;
        }

        .list-valor .number-list {
            font-size: 70px !important
        }

        .list-valor .text-list h3 {
            font-size: 25px !important;
        }

        .list-valor .text-list p {
            font-size: 17px;
            margin: 10px 0 !important;
        }

        #tabs-acvay #servicios-ct .servicios-text p {
            font-size: 22px !important;
        }

        #tabs-acvay #servicios-ct {
            gap: 40px !important;
        }

        .servicios-blocks {
            grid-template-columns: 1fr !important;
        }

        .servicio-block>h3 {
            font-size: 28px !important;
        }

        .servicio-block ul li {
            font-size: 17px !important;
        }

        #tabs-acvay #sectores-economia .sectores-text p {
            font-size: 18px !important;
        }

        .sectores-economia-blocks {
            grid-template-columns: 1fr !important;
        }

        .acceso-capital-blocks {
            grid-template-columns: 1fr !important;
            gap: 10px !important;
        }

        .acceso-capital-block {
            display: grid;
            grid-template-columns: 2fr 1fr;
            align-items: center;
            gap: 15px;
        }

        .acceso-capital-block:nth-child(2) {
            direction: rtl;
        }

        .acceso-capital-block:nth-child(2) ul {
            padding-left: 0;
            padding-right: 20px;
        }
    }

    @media only screen and (max-width: 500px) {
        #tabs-acvay .titulo-acvay {
            font-size: 40px !important;
            line-height: 35px !important;
        }

        #sectores-economia .titulo-acvay,
        #esquema .titulo-acvay {
            line-height: 40px !important;
        }

        #nosotros-ct,
        #filosofia-objetivos,
        #grupo-directivo,
        #valor,
        #servicios-ct,
        #sectores-economia,
        #acceso-capital,
        #esquema {
            padding: 50px !important;
        }

        #nosotros-ct .img img {
            scale: 1.6;
        }

        .base-container {
            gap: 10px;
        }

        .pais-ubicacion {
            gap: 10px;
            font-size: 16px;
            padding: 5px 10px 5px 5px;
        }

        .base-container>div:last-child {
            font-size: 14px;
        }

        #valor .img img {
            scale: 1.4;
            margin-bottom: -100px;
        }

        #valor .text {
            position: relative;
        }

        .list-valor {
            gap: 10px;
        }

        #acceso-capital .img img {
            scale: 1.4;
            margin-bottom: -200px;
        }

        .acceso-capital-block {
            gap: 5px;
        }

        .acceso-capital-block ul li {
            font-size: 15px;
        }
    }