*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body, html{
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}
@font-face {
  font-family: BentonSansBBVA-Bold;
  src: url('../fonts/BentonSansBBVA-Bold.otf') format("opentype");
}
@font-face {
  font-family: BentonSansBBVA-Book;
  src: url('../fonts/BentonSansBBVA-Book.otf') format("opentype");
}
@font-face {
  font-family: BentonSansBBVA-Light;
  src: url('../fonts/BentonSansBBVA-Light.otf') format("opentype");
}
@font-face {
  font-family: BentonSansBBVA-Medium;
  src: url('../fonts/BentonSansBBVA-Medium.otf') format("opentype");
}
@font-face {
  font-family: TiemposHeadline-Bold;
  src: url('../fonts/TiemposHeadline-Bold.otf') format("opentype");
}
@font-face {
  font-family: TiemposHeadline-BoldItalic;
  src: url('../fonts/TiemposHeadline-BoldItalic.otf') format("opentype");
}
@font-face {
  font-family: TiemposText-Regular;
  src: url('../fonts/TiemposText-Regular.otf') format("opentype");
}




/* --- generales --- */
a{
  text-decoration: none;
  color: #ffffff;
}
p{
  padding: 0px;
  margin: 0px;
}
.contergeneral{
  width: 90%;
  display: block;
  max-width: 1400px;
  margin: 0 auto;
  overflow: hidden;
}
.contergeneral3{
  width: 90%;
  display: block;
  max-width: 1400px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.contergeneral2{
  width: 90%;
  display: block;
  max-width: 1400px;
  margin: 0 auto;
}
.contergeneral100{
  width: 100%;
  display: block;
  max-width: 1400px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.contergeneral100b{
  width: 100%;
  display: block;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
}
.conter90{
  width: 90%;
  display: block;
  margin: 0 auto;
  overflow: hidden;
}
.conter90left{
  width: 90%;
  display: block;
  float: left;
}
.conter90right{
  width: 90%;
  display: block;
  float: right;
}
.conter95{
  width: 95%;
  display: block;
  margin: 0 auto;
  overflow: hidden;
}
.conter95left{
  width: 95%;
  display: block;
  float: left;
}
.conter99left{
  width: 99%;
  display: block;
  float: left;
}
.conter95right{
  width: 95%;
  display: block;
  float: right;
}
.conter95righta{
  width: 95%;
  display: block;
  float: right;
}
.conter{
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.conteresp{
  width: 100%;
  display: block;
  position: relative;
}
.opacity0, .oapcity0{
  opacity: 0;
}
.opacity02{
  opacity: 0 !important;
}
.textcenter{
  text-align: center !important;
}
.textright{
  text-align: right !important;
}
.textleft{
  text-align: left !important;
}
.imgfull{
  width: 100%;
}
.img90{
  width: 90%;
  margin: 0 auto;
  display: block;
}
.img90left{
  width: 90%;
  float: left;
  display: block;
}
.img80{
  width: 80%;
  margin: 0 auto;
  display: block;
}
.img60{
  width: 60%;
  margin: 0 auto;
  display: block;
}
.img50{
  width: 50%;
  margin: 0 auto;
  display: block;
}
.img80left{
  width: 80%;
  display: block;
}
.imglogros{
  width: 85%;
  float: right;
  padding-left: 10px;
}

.conter30{
  display: block;
  width: 30%;
  float: left;
  position: relative;
}
.conter35{
  display: block;
  width: 35%;
  float: left;
  position: relative;
}
.conter37{
  display: block;
  width: 37.4%;
  float: left;
  position: relative;
}
.conter33{
  display: block;
  width: 33.33%;
  float: left;
  position: relative;
}
.conter22{
  display: block;
  width: 22.3%;
  float: left;
  position: relative;
}
.conter50{
  display: block;
  width: 50%;
  float: left;
  position: relative;
}
.conter55{
  display: block;
  width: 55%;
  float: left;
  position: relative;
}
.conter50right{
  display: block;
  width: 50%;
  float: right;
  position: relative;
}
.conter50center{
  display: block;
  width: 50%;
  margin: 0 auto;
  position: relative;
}
.conter40center{
  display: block;
  width: 40%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.conter60center{
  display: block;
  width: 60%;
  margin: 0 auto;
  position: relative;
}
.conter65center{
  display: block;
  width: 65%;
  margin: 0 auto;
  position: relative;
}
.conter65{
  display: block;
  width: 65%;
  float: left;
  position: relative;
}
.conter66{
  display: block;
  width: 66%;
  float: left;
  position: relative;
}
.conter60{
  display: block;
  width: 60%;
  float: left;
  position: relative;
}

.conter40{
  display: block;
  width: 40%;
  float: left;
  position: relative;
}
.conter45{
  display: block;
  width: 45%;
  float: left;
}
.conter70{
  display: block;
  width: 70%;
  float: left;
}
.conter75{
  display: block;
  width: 75%;
  float: left;
}
.conter70center{
  display: block;
  width: 70%;
  margin: 0 auto;
}
.conter702center{
  display: block;
  width: 70%;
  margin: 0 auto;
  overflow: hidden;
}
.conter75center{
  display: block;
  width: 75%;
  margin: 0 auto;
}
.conter80{
  display: block;
  width: 80%;
  float: left;
}
.conter80center{
  display: block;
  width: 80%;
  margin: 0 auto;
}

.conter20{
  display: block;
  width: 20%;
  float: left;
}
.conter21{
  display: block;
  width: 21%;
  float: left;
}
.conter10{
  display: block;
  width: 10%;
  float: left;
}
.conter15{
  display: block;
  width: 15%;
  float: left;
}
.conter10a{
  display: block;
  width: 10%;
  float: left;
}
.conter12{
  display: block;
  width: 12.5%;
  float: left;
}
.conter5{
  display: block;
  width: 5%;
  float: left;
}
.conter5a{
  display: block;
  width: 5%;
  float: left;
}
.conter14{
  display: block;
  width: 14.2%;
  float: left;
}
.conter15{
  display: block;
  width: 15%;
  float: left;
}
.conter85{
  display: block;
  width: 85%;
  float: left;
}
.conter25{
  display: block;
  width: 25%;
  float: left;
}
.conter24{
  display: block;
  width: 24%;
  float: left;
}

.conterflex{
  width: 100%;
  display: flex;
  overflow: hidden;
  align-content: center;
  align-items: center;
}
.conterflexmobil{
  width: 100%;
  display: flex;
  overflow: hidden;
  align-content: center;
  align-items: center;
}
.conterflex2{
  width: 100%;
  display: flex;
  align-content: center;
  align-items: center;
}
.conterfit{
  display: block;
  width: fit-content;
  margin: 0 auto;
}
.flex{
  display: flex;
  overflow: hidden;
  align-content: center;
  align-items: center;
}
.conterflex3{
  width: 100%;
  display: flex;
  overflow: hidden;
  align-content: center;
  align-items: center;
}
.conterflex4{
  width: 100%;
  display: flex;
  overflow: hidden;
  align-content: end;
  align-items: end;
  margin-top: -60px;
}
.conterflexend{
  width: 100%;
  display: flex;
  overflow: hidden;
  align-content: end;
  align-items: end;
}
.conterflex5{
  width: 100%;
  display: flex;
  overflow: hidden;
  align-content: initial;
  align-items: initial;
}
.padtop50px{
  padding-top: 50px;
}
.padtop70px{
  padding-top: 70px;
}
.padtop80px{
  padding-top: 80px;
}
.padtop100px{
  padding-top: 100px;
}
.padtop150px{
  padding-top: 150px;
}
.padbop50px{
  padding-bottom: 50px;
}
.pad50px{
  padding: 50px 0px;
}
.pad50px2{
  padding: 0px 50px;
}
.pad50px3{
  padding: 50px;
}
.padtop20px{
  padding-top: 20px;
}
.padtop30px{
  padding-top: 30px;
}
.padtop40px{
  padding-top: 40px;
}
.padtop10px{
  padding-top: 10px;
}
.padbot20px{
  padding-bottom: 20px;
}
.padbot50px{
  padding-bottom: 50px;
}
.padbot100px{
  padding-bottom: 100px;
}
.padbot30px{
  padding-bottom: 30px;
}

.mar50px{
  margin: 50px 0px;
}
.martop50px{
  margin-top: 50px;
}
.marbot30px{
  margin-bottom: 30px;
}
.pad20px{
  padding: 20px 0px;
}
.pad5px{
  padding: 5px 0px;
}
.pad5pix{
  padding: 5px;
}
.pad10px{
  padding: 10px 0px;
}
.pad30px{
  padding: 30px 0px;
}
.martop20px{
  margin-top: 20px;
}
.martop30px{
  margin-top: 30px;
}
.multy{
  mix-blend-mode: multiply !important;
}
.overflowhi{
  overflow: hidden !important;
}

.padleft50{
  padding-left: 50px;
}
.padleft30{
  padding-left: 33px;
}
.padleft20{
  padding-left: 20px;
}
.padright50{
  padding-right: 50px;
}
img{
  display: block !important;
}
.disblock{
  display: block;
}
.textupper{
  text-transform: uppercase;
}



/* menu */
.menu-fixed{
  position: fixed;
  top: 2px;
  right: 10px;
  z-index: 9999;
  
}
.conteridiomas{
  background: rgba(8, 26, 61, .72);padding-left: 10px;
  width: fit-content;
  display: block;
  padding: 5px;
  border-radius: 5px;
}

.menu-fixed__actions{
  display: flex;
  align-items: center;
  gap: 14px;
}

.lang-switch,
.lang-separator{
  font-family: BentonSansBBVA-Medium;
  font-size: 14px;
  line-height: 1;
  color: #ffffff;
}

.lang-switch{
  opacity: .65;
  transition: all .3s ease;
}

.lang-switch.active,
.lang-switch:hover{
  opacity: 1;
}

.menu-toggle{
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(8, 26, 61, .72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  cursor: pointer;
  position: relative;
  padding: 0;
  transition: all .3s ease;
}

.menu-toggle:hover{
  transform: scale(1.05);
  background: rgba(0, 68, 255, .78);
}

.menu-toggle span{
  width: 24px;
  height: 2px;
  background: #ffffff;
  border-radius: 10px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -12px;
  transition: all .35s ease;
}

.menu-toggle span:nth-child(1){
  top: 22px;
}

.menu-toggle span:nth-child(2){
  top: 31px;
}

.menu-toggle span:nth-child(3){
  top: 40px;
}

.menu-toggle.active span:nth-child(1){
  top: 31px;
  transform: rotate(45deg);
}

.menu-toggle.active span:nth-child(2){
  opacity: 0;
}

.menu-toggle.active span:nth-child(3){
  top: 31px;
  transform: rotate(-45deg);
}

.menu-overlay{
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100vh;
  background: rgba(2, 10, 24, .28);
  z-index: 9998;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all .35s ease;
}

.menu-overlay.active{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.menu-panel{
  width: 40%;
  min-width: 420px;
  max-width: 760px;
  height: 100vh;
  margin-left: auto;
  background:
    radial-gradient(circle at top right, rgba(0,95,255,.18), transparent 28%),
    linear-gradient(135deg, #041126 0%, #071d46 45%, #031020 100%);
  transform: translateX(100%);
  transition: transform .4s ease;
  overflow-y: auto;
  box-shadow: -20px 0 40px rgba(0,0,0,.25);
}

.menu-overlay.active .menu-panel{
  transform: translateX(0);
}

.menu-panel__inner{
  padding: 110px 50px 60px 50px;
}

.menu-overlay__label{
  font-family: BentonSansBBVA-Medium;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255,255,255,.68);
  padding-bottom: 30px;
}

.menu-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu-list > li{
  border-bottom: 1px solid rgba(255,255,255,.10);
  padding: 18px 0;
}

.menu-link{
  display: block;
  font-family: BentonSansBBVA-Light;
  font-size: 20px;
  line-height: 10px;
  color: #ffffff;
  transition: all .3s ease;
}

.menu-link:hover{
  color: #78a9ff;
  padding-left: 14px;
}

.submenu-title{
  font-family: BentonSansBBVA-Light;
  font-size: 20px;
  line-height: 10px;
  color: #ffffff;
  margin: 0;
  padding-bottom: 14px;
}

.submenu-list{
  list-style: none;
  margin: 0;
  padding: 0 0 0 18px;
}

.submenu-list li{
  padding: 4px 0;
}

.menu-link.sublink{
  font-family: BentonSansBBVA-Book;
  font-size: 15px;
  line-height: 1.35;
  color: rgba(255,255,255,.82);
}

.menu-link.sublink:hover{
  color: #ffffff;
  padding-left: 10px;
}

body.menu-open{
  overflow: hidden;
}

@media screen and (max-width: 1200px){
  .menu-panel{
    width: 50%;
  }
}

@media screen and (max-width: 991px){
  .menu-panel{
    width: 70%;
    min-width: auto;
  }

  .menu-panel__inner{
    padding: 100px 34px 40px 34px;
  }

  .menu-link,
  .submenu-title{
    font-size: 24px;
  }

  .menu-link.sublink{
    font-size: 16px;
  }
}

@media screen and (max-width: 767px){
  .menu-fixed{
    top: 18px;
    right: 16px;
  }

  .menu-fixed__actions{
    gap: 10px;
  }

  .menu-toggle{
    width: 54px;
    height: 54px;
  }

  .menu-toggle span{
    width: 20px;
    margin-left: -10px;
  }

  .menu-toggle span:nth-child(1){
    top: 18px;
  }

  .menu-toggle span:nth-child(2){
    top: 26px;
  }

  .menu-toggle span:nth-child(3){
    top: 34px;
  }

  .menu-toggle.active span:nth-child(1),
  .menu-toggle.active span:nth-child(3){
    top: 26px;
  }

  .menu-panel{
    width: 100%;
  }

  .menu-panel__inner{
    padding: 90px 24px 30px 24px;
  }

  .menu-link,
  .submenu-title{
    font-size: 21px;
  }

  .menu-link.sublink{
    font-size: 15px;
  }

  .lang-switch,
  .lang-separator{
    font-size: 12px;
  }
}













/* generales */
.titulo1{
  font-family: TiemposHeadline-Bold;
  color: #001391;
  font-size: 75px;
}
.titulo2{
  font-family: TiemposHeadline-Bold;
  color: #001391;
  font-size: 35px;
}
.titulo3{
  font-family: TiemposHeadline-Bold;
  color: #001391;
  font-size: 55px;
}
.tituloobje{
  font-family: TiemposHeadline-BoldItalic !important;
  color: #001391;
  font-size: 28px;
}
.textobje{
  font-family: BentonSansBBVA-Bold !important;
   color: #48c2c5;
  font-size: 19px;
  line-height: 26px;
}
.tituitali{
  font-family: TiemposHeadline-BoldItalic !important;
}
.bold{
  font-family: BentonSansBBVA-Bold !important;
}
.textomed{
  font-family: BentonSansBBVA-Medium;
  color: #ffffff;
  font-size: 16px;
}
.texto{
  font-family: BentonSansBBVA-Book;
  color: #00000080;
  font-size: 14px;
}
.texto2{
  font-family: BentonSansBBVA-Book;
  color: #00000080;
  font-size: 10px;
}
.nota{
  font-family: BentonSansBBVA-Book;
  color: #000000;
  font-size: 12px;
}
.titulograf{
  font-family: BentonSansBBVA-Bold !important;
   color: #001391;
  font-size: 16px;
}






.azul{
  color: #001391 !important;
}
.blanco{
  color: #ffffff !important;
}
.aqua{
  color: #48c2c5 !important;
}
.lila{
  color: #9593f7 !important;
}
.verde{
  color: #88e783 !important;
}
.coral{
  color: #f35e61 !important;
}
.narnaja{
  color: #f99d25 !important;
}
.amarillo{
  color: #fbd22c !important;
}
.conterodsco{
  width: 100%;
  display: block;
  background-color: #001391;
  padding: 10px;
  border-radius: 10px;
}
.conterodsco2{
  width: 100%;
  display: block;
  background-color: #001391;
  padding: 10px 20px;
  border-radius: 10px;
  overflow: hidden;
}
.tituloods{
  font-family: BentonSansBBVA-Bold !important;
   color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
}
.fdirect{
  font-family: BentonSansBBVA-Book !important;
   color: #ffffff;
  font-size: 18px;
}
.conterdirect{
  width: fit-content;
  display: block;
  padding: 5px 10px;
  border-radius: 10px;
  background-color: #9594f0;
}
.conterodscontri {
  width: 40px;
  display: block;
  float: left;
}
.infoconterodscontri {
  width: calc(100% - 40px);
  display: block;
  float: left;
  padding-left: 10px;
}
.bord0ds{
  border:2px solid #ffffff;
}





/* home */
.home1{
  width: 100%;
  display: flex;
  margin: 50px auto;
  overflow: hidden;
  align-items: center;
  align-content: center;
  height: auto;
  background-color: #ffffff;
}
.logohome{
  width: 218px;
  display: block;
  position: absolute;
  top: 17px;
  right: 10px;
  z-index: 1;
}
.contertituhome{
  width: 90%;
  max-width: fit-content;
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 50px;
  right: 40px;
}
.titulohome{
  font-family: TiemposHeadline-Bold;
  font-size: 75px;
  color: #ffffff;
  text-shadow: 2px 1px 4px rgba(0,0,0,0.89);

}
.titulohomeita{
  font-family: TiemposHeadline-BoldItalic !important;
}
.subtihome{
  display: block;
  width: fit-content;
  padding: 3px 5px;
  border-radius: 10px;
  background: #48c2c5;
  float: right;
}
.subtihome{
  font-family: BentonSansBBVA-Bold;
  color: #001391;
  font-size: 27px;
}


/* logros */
.logros1{
  width: 100%;
  display: block;
  margin: 50px auto;
  overflow: hidden;
  height: auto;
  background-color: #ffffff;
}


.resumen-impacto{
  padding: 70px 0 90px 0;
  background: #f3f3f3;
}

.resumen-impacto-flex{
  align-items: stretch;
  gap: 24px;
}

.resumen-impacto-left{
  width: 58%;
}

.resumen-impacto-right{
  width: 42%;
  display: flex;
  align-items: end;
  justify-content: center;
}

.img-birrete{
  width: 100%;
  max-width: 620px;
  display: block;
}

/* filas */
.resumen-row{
  gap: 18px;
  margin-bottom: 18px;
}

.resumen-row-4 .resumen-card{
  width: 25%;
}

.resumen-row-2 .resumen-card{
  width: 50%;
}

/* cards */
.resumen-card{
  position: relative;
  border-radius: 14px;
  padding: 22px 18px 18px 18px;
  min-height: 145px;
  overflow: hidden;
}

.card-light{
  background: #f7f8f8;
}

.card-aqua{
  background: #afdee1;
}

.card-blue{
  background: #05178b;
}

/* iconos */
.resumen-icon{
  position: absolute;
  top: 16px;
  right: 16px;
  width: 34px;
  height: auto;
}

/* textos */
.resumen-big{
  font-family: BentonSansBBVA-Book;
  font-size: 32px;
  line-height: 1;
  color: #1232b0;
  margin: 0;
  padding-right: 42px;
}
.resumen-big .counter{
  font-family: BentonSansBBVA-Book;
  font-size: 32px !important;
  line-height: 1;
  color: #1232b0;
  margin: 0;
}

.card-blue .resumen-big{
  color: #ffffff;
}

.resumen-big span{
  font-size: 18px;
}

.resumen-desc{
  font-family: BentonSansBBVA-Book;
  font-size: 13px;
  line-height: 1.35;
  color: #1232b0;
  margin-top: 10px;
  max-width: 92%;
}

.card-blue .resumen-desc{
  color: #ffffff;
}

.resumen-desc-large{
  font-size: 17px;
  line-height: 1.35;
  margin-top: 24px;
}

.resumen-big-inline{
  display: inline-block;
  font-size: 28px;
  line-height: 1;
  margin: 0 4px;
  color: #1232b0;
}

/* responsive */
@media screen and (max-width: 1200px){
  .resumen-impacto-left{
    width: 60%;
  }

  .resumen-impacto-right{
    width: 40%;
  }

  .resumen-big{
    font-size: 28px;
  }

  .resumen-desc-large{
    font-size: 15px;
  }
}

@media screen and (max-width: 991px){
  .resumen-impacto-flex{
    flex-direction: column;
  }

  .resumen-impacto-left,
  .resumen-impacto-right{
    width: 100%;
  }

  .img-birrete{
    max-width: 420px;
    margin: 20px auto 0 auto;
  }
}

@media screen and (max-width: 767px){
  .resumen-row{
    flex-direction: column;
    gap: 14px;
    margin-bottom: 14px;
  }

  .resumen-row-4 .resumen-card,
  .resumen-row-2 .resumen-card{
    width: 100%;
  }

  .resumen-card{
    min-height: auto;
    padding: 20px 16px 18px 16px;
  }

  .resumen-big{
    font-size: 30px;
  }

  .resumen-desc,
  .resumen-desc-large{
    font-size: 15px;
  }
}
.impacto-secundario{
  padding: 0 0 90px 0;
  background: #f3f3f3;
}

.impacto-secundario-flex{
  align-items: stretch;
  gap: 26px;
}

.impacto-secundario-left{
  width: 47%;
}

.impacto-secundario-right{
  width: 53%;
}

.impacto-secundario-img{
  width: 100%;
  display: block;
  border-radius: 14px;
}

/* filas */
.impacto-sec-row{
  margin-bottom: 22px;
}

.impacto-sec-row-top{
  gap: 18px;
}

.impacto-sec-row-top .impacto-sec-card{
  width: 50%;
}

.impacto-sec-row-bottom{
  gap: 18px;
}

.impacto-sec-row-bottom .impacto-sec-card{
  width: 50%;
}

/* cards */
.impacto-sec-card{
  position: relative;
  border-radius: 14px;
  padding: 18px 18px 18px 18px;
  overflow: hidden;
}

.card-full{
  width: 100%;
}

.mentorias-card{
  padding: 16px 18px 14px 18px;
}

/* iconos */
.impacto-sec-icon{
  position: absolute;
  top: 16px;
  right: 16px;
  width: 34px;
  height: auto;
}

/* textos */
.impacto-sec-big{
  font-family: BentonSansBBVA-Book;
  font-size: 34px;
  line-height: 1;
  color: #1232b0;
  margin: 0;
  padding-right: 42px;
}

.card-blue .impacto-sec-big{
  color: #ffffff;
}

.impacto-sec-big span{
  font-size: 18px;
}
.impacto-sec-big .counter{
  font-family: BentonSansBBVA-Book;
  font-size: 34px;
}

.impacto-sec-desc{
  font-family: BentonSansBBVA-Book;
  font-size: 13px;
  line-height: 1.35;
  color: #1232b0;
  margin-top: 8px;
  max-width: 95%;
}

.card-blue .impacto-sec-desc{
  color: #ffffff;
}

.impacto-sec-desc-white{
  color: #ffffff;
}

.impacto-sec-subtitle{
  font-family: BentonSansBBVA-Book;
  font-size: 22px;
  line-height: 1.1;
  color: #1232b0;
  margin: 90px 0 12px 0;
}

/* alturas aproximadas para que se parezca a la comp */
.impacto-sec-row-top .impacto-sec-card{
  min-height: 128px;
}

.card-full{
  min-height: 120px;
}

.card-aqua.card-full{
  min-height: 130px;
}

.mentorias-card{
  min-height: 95px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* responsive */
@media screen and (max-width: 1100px){
  .impacto-secundario-left{
    width: 45%;
  }

  .impacto-secundario-right{
    width: 55%;
  }

  .impacto-sec-big{
    font-size: 30px;
  }
}

@media screen and (max-width: 991px){
  .impacto-secundario-flex{
    flex-direction: column;
  }

  .impacto-secundario-left,
  .impacto-secundario-right{
    width: 100%;
  }
}

@media screen and (max-width: 767px){
  .impacto-sec-row-top,
  .impacto-sec-row-bottom{
    flex-direction: column;
    gap: 14px;
  }

  .impacto-sec-row-top .impacto-sec-card,
  .impacto-sec-row-bottom .impacto-sec-card{
    width: 100%;
  }

  .impacto-sec-card,
  .card-full,
  .mentorias-card{
    min-height: auto;
  }

  .impacto-sec-big{
    font-size: 30px;
  }

  .impacto-sec-desc{
    font-size: 15px;
  }

  .impacto-sec-subtitle{
    margin-top: 50px;
    font-size: 20px;
  }
}


/* impactadas */
.impactadas1{
  width: 100%;
  display: block;
  margin: 50px auto;
  overflow: hidden;
  height: auto;
  background-color: #ffffff;
}
.tabla-impacto{
  padding: 80px 0;
  background: #f3f3f3;
}

.tabla-original{
  width: 100%;
  border-collapse: collapse;
  font-family: BentonSansBBVA-Book;
}

/* header */
.tabla-original thead th{
  background: #6abfc4;
  color: #ffffff;
  font-size: 14px;
  padding: 16px;
  text-align: center;
  line-height: 1.2;
}

/* celdas */
.tabla-original td{
  padding: 14px 16px;
  font-size: 13px;
  color: #5a5a5a;
  border-bottom: 1px solid #dddddd;
  vertical-align: middle;
}

/* alineación */
.tabla-original td:nth-child(2),
.tabla-original td:nth-child(3),
.tabla-original td:nth-child(4){
  text-align: center;
}

/* zebra MUY sutil */
.tabla-original tbody tr:nth-child(even){
  background: #f7f7f7;
}

/* nota */
.nota{
  font-size: 12px;
  color: #8a8a8a;
  line-height: 1.4;
}

/* total */
.total td{
  font-weight: bold;
  color: #1d2fb3;
}

/* total final */
.total-final{
  background: #eff8f9;
}

.total-final td{
  font-size: 16px;
  color: #1d2fb3;
  padding: 18px;
  text-align: center;
}

/* mision */
.mision1{
  width: 100%;
  display: block;
  margin: 50px auto;
  overflow: hidden;
  height: auto;
  background-color: #ffffff;
}
.conteraqua{
  width: 100%;
  display: block;
  background-color: #84cccf;
  padding: 10px;
  border-radius: 10px;
}
.contermis{
  width: 100%;
  display: block;
  background-color: #f7f8f8;
  padding: 30px;
  border-radius: 10px;
}
.imgiconmis{
  width: 40px;
  display: block;
  float: left;
}
.hrgris{
  border-top: 1px solid #00000080;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  margin: 15px 0px;
}

/* impacto */
.impacto1{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding: 50px 0px;
}
.interimpacto1{
  width: 100%;
  display: flex;
  padding: 50px;
  overflow: hidden;
  height: auto;
  background-color: #f7f8f9;
  height: auto;
  border-radius: 10px;
  align-items: center;
  align-content: center;
}
.conteraqua2{
  width: 100%;
  display: block;
  background-color: #48c2c5;
  padding: 10px;
  border-radius: 10px;
}



/* chavos */
.chavos1{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding: 50px 0px;
}
.interchavos1{
  width: 100%;
  display: flex;
  padding: 50px;
  overflow: hidden;
  height: auto;
  background-color: #cacaf7;
  height: auto;
  border-radius: 10px;
  align-items: center;
  align-content: center;
}

.modulo-datos-capitulo{
  width: 100%;
  position: relative;
  min-height: 700px;
}

.fondo-azul-capitulo{
  position: absolute;
  top: 0;
  left: 7%;
  width: 76%;
  height: 100%;
  background: #1d2fb3;
  border-radius: 10px;
  z-index: 1;
  overflow: hidden;
}
.fondo-naran-capitulo{
  position: absolute;
  top: 0;
  left: 7%;
  width: 76%;
  height: 100%;
  background: #eda144;
  border-radius: 10px;
  z-index: 1;
  overflow: hidden;
}

/* DOBLEZ */


.textura-datos-capitulo{
  width: 92%;
  margin-left: 0;
  position: relative;
  z-index: 2;
  top: 50px;
  background-image: url("../img/textura1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  padding: 42px 24px 34px 24px;
  min-height: 620px;
}

.dato-capitulo{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 18px 0;
}

.dato-capitulo22{
  display: block;
  gap: 10px;
  padding: 18px 0;
}

.divisor-capitulo{
  border-top: 2px solid rgba(255,255,255,.85);
}

.dato-capitulo-numero{
  font-family: BentonSansBBVA-Book;
  font-size: 46px;
  line-height: 1;
  color: #ffffff;
  flex-shrink: 0;
}

.dato-capitulo-texto{
  font-family: BentonSansBBVA-Book;
  font-size: 16px;
  line-height: 1.3;
  color: #ffffff;
}

.dato-capitulo-texto-full{
  font-size: 16px;
  line-height: 1.28;
  max-width: 95%;
}

.dato-capitulo sup{
  font-size: 11px;
  top: -.5em;
  position: relative;
}
.chavos2{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}
.conterproble{
  width: 100%;
  display: block;
  padding: 30px 20px;
  border-radius: 15px;
  border: 1px solid #001391;
}
.contergris1{
  width: 100%;
  display: block;
  background-color: #f7f8f8;
  border-radius: 20px;
  padding: 15px;
  overflow: hidden;
}
.chavos3{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}
.contertituplas{
  width: fit-content;
  padding: 5px 20px;
  background-color: #001391;
  border-radius: 0px 10px 10px 0px;
  display: block;
}
.contertituplas p{
  font-family: TiemposHeadline-BoldItalic;
  color: #ffffff;
  font-size: 18px;
}
.chavos4{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}
.cifra1{
  font-family: BentonSansBBVA-Book;
  font-size: 24px;
  color: #1232b0;
}
.bordblanck{
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.bordblanck2{
  
  border-right: 1px solid #ffffff;
}
.nota-beca{
  position: relative;
  width: 100%;
  margin-top: 60px;
}

/* SVG superior */
.nota-beca-top{
  width: 100%;
  display: block;
  margin-bottom: -6px; /* pega al borde */
}

/* contenedor */
.nota-beca-content{
  border-left: 2px solid #1d2fb3;
  border-right: 2px solid #1d2fb3;
  border-bottom: 2px solid #1d2fb3;

  padding: 40px 28px 36px 28px;
  background: transparent;

  /* ligero efecto orgánico */
  border-radius: 0 0 10px 10px;
}
.chavos5{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}
.linea-contacto-box{
  width: 100%;
  max-width: 290px;
  background: #1d2fb3;
  border-radius: 12px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.linea-contacto-icon{
  width: 48px;
  height: auto;
  display: block;
  flex-shrink: 0;
}

.linea-contacto-textos{
  display: block;
}

.linea-contacto-label{
  font-family: BentonSansBBVA-Book;
  font-size: 13px;
  line-height: 1.1;
  color: #ffffff;
  margin: 0 0 4px 0;
}

.linea-contacto-numero{
  font-family: BentonSansBBVA-Bold;
  font-size: 18px;
  line-height: 1;
  color: #ffffff;
  margin: 0;
}
.conterlila1{
  width: 100%;
  display: block;
  background-color: #dfdffb;
  border-radius: 20px;
  padding: 15px;
  overflow: hidden;
}
.dato-lila{
  font-family: BentonSansBBVA-Book;
}

/* número principal */
.dato-lila-big{
  font-size: 48px;
  line-height: 20px;
  color: #1d2fb3;
  margin: 0 0 10px 0;
}

.dato-lila-big span{
  font-size: 18px;
  display: inline-block;
}

/* segunda línea del bloque */
.dato-lila-sub{
  font-size: 16px !important;
}

/* línea divisora */
.dato-lila-linea{
  width: 100%;
  height: 2px;
  background: #c7cbe6;
  margin: 16px 0;
}

/* texto medio */
.dato-lila-mid{
  font-size: 20px;
  color: #1d2fb3;
  margin: 0;
}

.dato-lila-mid span{
  font-size: 36px;
  font-weight: 500;
}
.graf3{
  width: 80%;
  display: block;
  margin: 0 auto;
}

.chavos6{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}
.nps-box{
  width: 100%;
  max-width: 340px;
  border: 2px solid #a7d0d4;
  border-radius: 14px;
  padding: 22px 20px;
  background: transparent;
  font-family: BentonSansBBVA-Book;
}

/* bloque */
.nps-item{
  margin-bottom: 14px;
}

/* títulos */
.nps-title{
  font-size: 16px;
  line-height: 1.25;
  color: #1d2fb3;
  margin: 0 0 6px 0;
}

/* valores */
.nps-value{
  font-size: 36px;
  line-height: 1;
  color: #1d2fb3;
  margin: 0;
}

.nps-value span{
  font-size: 16px;
}

/* divisores */
.nps-linea{
  width: 100%;
  height: 2px;
  background: #d7e6e8;
  margin: 14px 0;
}
.porcentajes-box{
  width: 100%;
  max-width: 420px;
  border: 2px solid #a7d0d4;
  border-radius: 14px;
  padding: 20px 22px;
  background: transparent;
  font-family: BentonSansBBVA-Book;
}

.porcentaje-item p{
  font-size: 16px;
  line-height: 1.25;
  color: #1d2fb3;
  margin: 0;
}

.porcentaje-item span{
  font-size: 34px;
  line-height: 1;
  font-family: BentonSansBBVA-Book;
  color: #1d2fb3;
}

.porcentaje-linea{
  width: 100%;
  height: 2px;
  background: #d7e6e8;
  margin: 12px 0;
}
.cta-historias{
  width: 100%;
  max-width: 520px;
  background: #1d2fb3;
  border-radius: 14px;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

/* texto */
.cta-historias-texto{
  font-family: BentonSansBBVA-Book;
  font-size: 16px;
  line-height: 1.3;
  color: #ffffff;
  margin: 0;
  max-width: 85%;
}

/* icono */
.cta-historias-icon{
  width: 42px;
  height: auto;
  flex-shrink: 0;
}
.chavos7{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}

/* chavos discapacidad */
.dis1{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding: 50px 0px;
}
.interdis1{
  width: 100%;
  display: block;
  padding: 50px;
  overflow: hidden;
  height: auto;
  background-color: #a3e0e2;
  height: auto;
  border-radius: 10px;
}
.fondo-dis1-capitulo{
  position: absolute;
  top: 0;
  left: 7%;
  width: 76%;
  height: 100%;
  background: #48c2c5;
  border-radius: 10px;
  z-index: 1;
  overflow: hidden;
}
.modulo-datos-capitulo2{
  width: 100%;
  position: relative;
  min-height: 415px;
}
.textura-datos-capitulo2{
  width: 92%;
  margin-left: 0;
  position: relative;
  z-index: 2;
  top: 50px;
  background-image: url("../img/textura2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  padding: 42px 24px 34px 24px;
  min-height: 350px;
}

.dis2{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}
.width100{
  width: 100%;
  display: block;
}
.dis3{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}

.nota-espiral-izq{
  position: relative;
  width: 100%;
  margin: 30px 0;
}

/* espiral */
.nota-espiral-izq-svg{
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 100%;
  z-index: 2;
}

/* contenedor */
.nota-espiral-izq-content{
  margin-left: 40px;

  border-top: 2px solid #48c2c5;
  border-right: 2px solid #48c2c5;
  border-bottom: 2px solid #48c2c5;
  border-left: 0px solid #48c2c5;

  padding: 25px 28px 26px 36px;

  border-radius: 12px;
  background: transparent;

  /* efecto orgánico leve */
  position: relative;
}
.dis4{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}
.discapacidad-boxes{
  width: 100%;
  max-width: 360px;
  height: 520px;
  position: relative;
  font-family: BentonSansBBVA-Book;
}

.discapacidad-title{
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 130px;
  border-radius: 10px;
  background: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.discapacidad-title p{
  font-size: 17px;
  line-height: 1.15;
  color: #001f9f;
  text-align: center;
  margin: 0;
}

.disc-card{
  position: absolute;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 14px;
}

.disc-card p{
  font-size: 12px;
  line-height: 1;
  margin: 0;
}

.disc-card span{
  font-size: 25px;
  line-height: 1;
  color: #ffffff;
}

/* posiciones y colores */
.disc-autismo{
  top: 42px;
  left: 170px;
  width: 140px;
  height: 140px;
  background: #48bec2;
  color: #ffffff;
}

.disc-motriz{
  top: 170px;
  left: 0;
  width: 150px;
  height: 150px;
  background: #071fa8;
  color: #ffffff;
}

.disc-auditiva{
  top: 335px;
  left: px;
  width: 125px;
  height: 125px;
  background: #82df7b;
  color: #ffffff;
}

.disc-multiple{
  top: 195px;
  left: 170px;
  width: 58px;
  height: 58px;
  background: #ffd80d;
  color: #ffffff;
  padding: 8px;
}

.disc-multiple p{
  font-size: 10px;
}

.disc-multiple span{
  font-size: 22px;
}

.disc-intelectual{
  top: 270px;
  left: 165px;
  width: 120px;
  height: 120px;
  background: #d9d9d9;
  color: #707070;
}

.disc-intelectual span{
  color: #707070;
}

.disc-psicosocial{
  top: 405px;
  left: 143px;
  width: 58px;
  height: 58px;
  background: #7cc5ff;
  color: #ffffff;
  padding: 8px;
}

.disc-psicosocial p{
  font-size: 9px;
}

.disc-psicosocial span{
  font-size: 21px;
}

.disc-visual{
  top: 405px;
  right: 0;
  width: 118px;
  height: 118px;
  background: #8d89ed;
  color: #ffffff;
}
/* chavos discapacidad */
.mentoria1{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}
.cifrades{
  font-size: 37px !important;
  line-height: 1;
  font-family: BentonSansBBVA-Book;

}

.tabla-mentores{
  width: 100%;
  max-width: 360px;
  border-collapse: separate;
  border-spacing: 0;
  font-family: BentonSansBBVA-Book;
}

/* header */
.tabla-mentores thead th{
  background: #1d2fb3;
  color: #ffffff;
  font-size: 13px;
  padding: 12px;
  text-align: left;
}

.tabla-mentores thead th:first-child{
  border-top-left-radius: 10px;
}

.tabla-mentores thead th:last-child{
  border-top-right-radius: 10px;
}

/* filas */
.tabla-mentores td{
  padding: 12px;
  font-size: 13px;
  color: #4a4a4a;
  border-bottom: 1px solid #e5e5e5;
}

/* negrita primera columna */
.bold{
  color: #1d2fb3;
}

/* total */
.tabla-mentores .total td{
  background: #e9ebf3;
  color: #1d2fb3;
  font-weight: bold;
}

/* bordes redondeados abajo */
.tabla-mentores tbody tr:last-child td:first-child{
  border-bottom-left-radius: 10px;
}

.tabla-mentores tbody tr:last-child td:last-child{
  border-bottom-right-radius: 10px;
}

/* alineación numérica */
.tabla-mentores td:nth-child(2),
.tabla-mentores td:nth-child(3){
  text-align: right;
}

/* empleabilidad */
.emplea1{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding: 50px 0px;
}
.interemplea1{
  width: 100%;
  display: block;
  padding: 50px;
  overflow: hidden;
  height: auto;
  background-color: #c3f3c1;
  height: auto;
  border-radius: 10px;
}
.emplea2{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}
.conterazubor{
  width: 100%;
  display: block;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #001391;
}

.tabla-empleabilidad{
  width: 100%;
  max-width: 360px;
  border-collapse: collapse;
  font-family: BentonSansBBVA-Book;
}

/* header */
.tabla-empleabilidad thead th{
  font-size: 13px;
  color: #1d2fb3;
  text-align: center;
  padding: 10px;
}

/* celdas */
.tabla-empleabilidad td{
  padding: 10px;
  font-size: 13px;
  color: #4a4a4a;
  border-bottom: 1px solid #dcdcdc;
}

/* primera columna */
.bold{
  color: #4a4a4a;
}

/* números */
.tabla-empleabilidad td:nth-child(2),
.tabla-empleabilidad td:nth-child(3),
.tabla-empleabilidad td:nth-child(4){
  text-align: center;
}

/* última línea azul */
.tabla-empleabilidad .last td{
  border-bottom: 2px solid #6c6eff;
}

.empleabilidad-box{
  width: 100%;
  max-width: 360px;
  border: 2px solid #a7cfd2;
  border-radius: 14px;
  overflow: hidden;
  font-family: BentonSansBBVA-Book;
  margin-top: 18px;
}

/* título */
.empleabilidad-title{
  text-align: center;
  font-size: 14px;
  color: #5db4b8;
  padding: 16px 10px;
  margin: 0;
}

/* grid */
.empleabilidad-grid{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 10px 18px 10px;
}

/* items */
.empleabilidad-item{
  text-align: center;
  width: 33%;
}

.label{
  font-size: 13px;
  color: #1d2fb3;
  margin: 0 0 6px 0;
}

.value{
  font-size: 28px;
  color: #1d2fb3;
  margin: 0;
}

/* divisores */
.divider{
  width: 1px;
  height: 40px;
  background: #cfcfcf;
}

/* bloque final */
.empleabilidad-final{
  background: #dfe3f5;
  text-align: center;
  padding: 14px;
  font-size: 16px;
  color: #1d2fb3;
}

.empleabilidad-final span{
  font-size: 30px;
  font-weight: 500;
}
.img15{
  width: 90%;
  max-width: 200px;
  display: block;
  float: left;
}

/* superate */
.super1{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding: 50px 0px;
}
.intersuper11{
  width: 100%;
  display: flex;
  padding: 50px;
  overflow: hidden;
  height: auto;
  background-color: #f1c1c1;
  height: auto;
  border-radius: 10px;
  align-items: center;
  align-content: center;
}
.fondo-coral-capitulo{
  position: absolute;
  top: 0;
  left: 7%;
  width: 76%;
  height: 100%;
  background: #f35e61;
  border-radius: 10px;
  z-index: 1;
  overflow: hidden;
}
.super2{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}
.super3{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}
.listado2{
  padding: 5px;
  margin: 0px;

}
.listado3{
  padding: 5px 5px 5px 20px;
  margin: 0px;

}

.tablaplat{
  width: 100%;
  max-width: 360px;
  border-collapse: separate;
  border-spacing: 0;
  font-family: BentonSansBBVA-Book;
}

/* header */
.tablaplat thead th{
  background: #1d2fb3;
  color: #ffffff;
  font-size: 13px;
  padding: 12px;
  text-align: left;
}

.tablaplat thead th:first-child{
  border-top-left-radius: 10px;
}

.tablaplat thead th:last-child{
  border-top-right-radius: 10px;
}

/* filas */
.tablaplat td{
  padding: 5px 12px 3px 12px;
  font-size: 13px;
  color: #4a4a4a;
  border-bottom: 1px solid #e5e5e5;
}

ol.listado3 li{
  list-style: decimal;
}
.super4{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}


/* colegio */
.cole1{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding: 50px 0px;
}
.intercole1{
  width: 100%;
  display: flex;
  padding: 50px;
  overflow: hidden;
  height: auto;
  background-color: #cfeced;
  height: auto;
  border-radius: 10px;
  align-items: center;
  align-content: center;
}
.fondo-azu2-capitulo{
  position: absolute;
  top: 0;
  left: 7%;
  width: 76%;
  height: 100%;
  background: #6ac0c3;
  border-radius: 10px;
  z-index: 1;
  overflow: hidden;
}
.cole2{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}
.cole3{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}
.cole4{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}
.nps-colegios-box{
  width: 100%;
  max-width: 520px;

  border: 2px solid #9ed7da;
  border-radius: 18px;

  padding: 26px 38px;

  font-family: BentonSansBBVA-Book;
  background: transparent;
}

/* item */
.nps-colegio-item{
  padding: 6px 0;
}

/* título */
.nps-colegio-title{
  font-size: 16px;
  line-height: 1.3;
  color: #1d2fb3;
  margin: 0 0 10px 0;
}

/* valor */
.nps-colegio-value{
  font-size: 40px;
  line-height: 1;
  color: #1d2fb3;
  margin: 0;
}

.nps-colegio-value span{
  font-size: 24px;
}

/* línea */
.nps-colegio-linea{
  width: 100%;
  height: 2px;
  background: #dbeff0;
  margin: 10px 0;
}

.tabla-colegios{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-family: BentonSansBBVA-Book;
}

/* HEADER */
.tabla-colegios thead th{
  background: #1d2fb3;
  color: #ffffff;

  font-size: 14px;
  line-height: 1.25;
  font-weight: normal;

  padding: 18px 14px;
  text-align: center;
}

/* bordes redondeados */
.tabla-colegios thead th:first-child{
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.tabla-colegios thead th:last-child{
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

/* BODY */
.tabla-colegios tbody td{
  padding: 12px 14px;
  font-size: 16px;
  color: #6b6b6b;

  border-bottom: 1px solid #e2e2e2;
  text-align: center;
}

/* primera columna alineada izquierda */
.tabla-colegios tbody td:first-child{
  text-align: left;
}

/* última línea azul */
.tabla-colegios tbody tr.last-row td{
  border-bottom: 3px solid #3d4cff;
}
.img19{
  width: 80%;
  display: block;
  margin: 0 auto;
}

/* alianzas por al educacion */
.alia1{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding: 50px 0px;
}
.interalia1{
  width: 100%;
  display: flex;
  padding: 50px;
  overflow: hidden;
  height: auto;
  background-color: #fbe9d0;
  height: auto;
  border-radius: 10px;
  align-items: center;
  align-content: center;
}

.textura-datos-capitulo222{
  width: 92%;
  margin-left: 0;
  position: relative;
  z-index: 2;
  top: 50px;
  background-image: url("../img/textura1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  padding: 42px 24px 34px 24px;
  min-height: 480px;
}
.modulo-datos-capitulo222{
  width: 100%;
  position: relative;
  min-height: 555px;
}
.alia2{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}
.alia3{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}
.tabla-organizaciones{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-family: BentonSansBBVA-Book;
}

/* HEADER */
.tabla-organizaciones thead th{
  background: #e3a434;
  color: #ffffff;

  font-size: 15px;
  line-height: 1.2;
  font-weight: normal;

  padding: 16px 14px;
  text-align: center;
}

/* bordes */
.tabla-organizaciones thead th:first-child{
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.tabla-organizaciones thead th:last-child{
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

/* BODY */
.tabla-organizaciones tbody td{
  padding: 12px 10px;
  font-size: 14px;
  line-height: 1.35;
  color: #6c6c6c;

  border-bottom: 1px solid #e6e6e6;
  vertical-align: top;
}

/* columnas */
.tabla-organizaciones tbody td:nth-child(1){
  width: 27%;
}

.tabla-organizaciones tbody td:nth-child(2){
  width: 40%;
}

.tabla-organizaciones tbody td:nth-child(3){
  width: 15%;
  text-align: center;
}

.tabla-organizaciones tbody td:nth-child(4){
  width: 18%;
  text-align: center;
}

/* última línea */
.tabla-organizaciones tbody tr.last-row td{
  border-bottom: 2px solid #e3a434;
}

.guerrero1{
  width: 100%;
  display: block;
  overflow: hidden;
  padding: 50px 0;
}

.interguerrero1{
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 50px;
  background: #fbf1c9;
  border-radius: 28px;
}

.titulo-guerrero{
  position: relative;
  z-index: 4;
  font-size: 68px;
  line-height: .95;
  margin: 0;
}

.guerrero-compo{
  width: 100%;
  position: relative;
  min-height: 520px;
  margin-top: 28px;
}

.guerrero-folder{
  position: absolute;
  left: 0;
  top: 40px;
  width: 54%;
  height: 355px;
  background: #f4dc37;
  border-radius: 10px;
  z-index: 1;
}


.guerrero-textura{
  position: absolute;
  left: 46px;
  top: 19px;
  width: 86%;
  min-height: 255px;
  background-image: url("../img/textura3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  padding: 30px 34px;
  z-index: 3;
}

.guerrero-intro{
  font-family: BentonSansBBVA-Bold;
  font-size: 15px;
  line-height: 1.3;
  color: #ffffff;
  margin: 0 0 22px 0;
}

.guerrero-datos{
  display: flex;
  align-items: stretch;
}

.guerrero-col{
  width: 47%;
}

.guerrero-separador{
  width: 2px;
  background: rgba(255,255,255,.75);
  margin: 0 24px;
}

.guerrero-dato{
  min-height: 86px;
}

.guerrero-num{
  font-family: BentonSansBBVA-Book;
  font-size: 48px;
  line-height: .9;
  color: #ffffff;
  margin: 0;
}

.guerrero-num-bold{
  font-family: BentonSansBBVA-Bold;
}

.guerrero-txt{
  font-family: BentonSansBBVA-Bold;
  font-size: 15px;
  line-height: 1.15;
  color: #ffffff;
  margin: 4px 0 0 0;
}

.guerrero-linea{
  width: 100%;
  height: 2px;
  background: rgba(255,255,255,.75);
  margin: 18px 0;
}

.guerrero-img{
  position: absolute;
  right: 0;
  bottom: 0;
  width: 68%;
  border-radius: 8px;
  z-index: 2;
}
.guerrero2{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}


/* igualdad */
.igual1{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding: 50px 0px;
}

.interigual1{
  width: 100%;
  display: block;
  padding: 50px;
  overflow: hidden;
  height: auto;
  background-color: #f4d1d1;
  height: auto;
  border-radius: 10px;
}
.igual2{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}
.igual3{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding-bottom: 50px;
}

.becas-nivel-box{
  width: 100%;
  max-width: 245px;
  border: 1.5px solid #eb8b8b;
  border-radius: 8px;
  padding: 18px 28px 50px 28px;
  position: relative;
  font-family: BentonSansBBVA-Book;
  margin: 0 auto;
}

.becas-nivel-item p{
  font-size: 16px;
  color: #1d2fb3;
  margin: 0;
  line-height: 1;
}

.becas-nivel-item span{
  font-size: 36px;
  line-height: 1;
  margin-right: 4px;
}

.becas-nivel-linea{
  width: 100%;
  height: 1px;
  background: #eeeeee;
  margin: 20px 0;
}

.becas-nivel-total{
  position: absolute;
  left: 32px;
  bottom: -26px;
  width: calc(100% - 64px);
  background: #1d2fb3;
  border-radius: 8px;
  padding: 12px 16px;
  text-align: center;
}

.becas-nivel-total p{
  font-size: 24px;
  color: #ffffff;
  margin: 0;
  line-height: 1;
}

.becas-nivel-total span{
  font-size: 32px;
}

.tabla-lenguas{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-family: BentonSansBBVA-Book;
  border-bottom: 3px solid #1d2fb3;
}

.tabla-lenguas thead th{
  background: #1d2fb3;
  color: #ffffff;
  font-size: 13px;
  padding: 8px 12px;
  text-align: center;
}

.tabla-lenguas thead th:first-child{
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.tabla-lenguas thead th:last-child{
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.tabla-lenguas td{
  padding: 8px 12px;
  font-size: 13px;
  color: #5f5f5f;
  border-bottom: 1px solid #e5e5e5;
}

.tabla-lenguas td:nth-child(2),
.tabla-lenguas td:nth-child(3){
  text-align: center;
}

.tabla-lenguas-total td{
  background: #e7e9f6;
  color: #1d2fb3;
  font-weight: bold;
}

.tabla-lenguas-total td:first-child{
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.tabla-lenguas-total td:last-child{
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.tabla-lenguas-final td{
  color: #1d2fb3;
  font-weight: bold;
}
/* ods */
.ods1{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding: 50px 0px;
}
/* acerca */
.acerca1{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding: 50px 0px;
}

.contergris222{
  width: 100%;
  display: block;
  background-color: #f7f8f8;
  border-radius: 20px;
  padding: 50px;
  overflow: hidden;
}

/* contacto */
.contacto1{
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  padding: 50px 0px;
}
.contercontacto{
  width: 90%;
  max-width: 600px;
  display: block;
  position: absolute;
  z-index: 1;
  left: 12%;
  top: 17%;
}
.contericonconta{
  width: 80px;
  display: block;
  float: left;
}
.contertextconta{
  width: calc(100% - 90px);
  display: block;
  float: left;
  margin-left: 10px;
}

/* -- icons descrga -- */
.conterfit22{
  width: fit-content;
  padding: 0px 10px;
  float: left;
}
.conterfiticons{
  width: fit-content;
  display: block;
  float: left;
  padding-left: 50px;
  padding-bottom: 20px;
  z-index: 1;
  position: absolute;
  bottom: 12%;
}
/* --- video --- */


.conterplay{
  width: 50px;
  display: block;
  overflow: hidden;
  margin: 0 auto;
}
.conterplay{
  stroke-width: 5px;
  stroke-miterlimit: 10;
  fill: transparent;
  stroke-dasharray: 670;
  stroke-dashoffset: 670;
  animation: lineaanimateplay 6s forwards infinite;
}
.play{
  fill: #fff;
  animation: trianguloplay 6s forwards infinite;
}



@keyframes lineaanimateplay {
  0% {
    stroke-dashoffset: 670;
  }
  30% {
    stroke-dashoffset: 0;
  }
  70% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 670;
  }
}
@keyframes trianguloplay {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes lineaanimate {
  to {
    stroke-dashoffset: 0;
  }
}

/* video */

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.video-overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0;
  transition: all ease 500ms;
}

.video-overlay.open {
  position: fixed;
  z-index: 1000;
  opacity: 1;
}

.video-overlay-close {
  position: absolute;
  z-index: 1000;
  top: 15px;
  left: 20px;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: #043278;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms;
}

.video-overlay-close:hover {
  color: #48c2c5;
}

.video-overlay iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  /* width: 90%; */
  /* height: auto; */
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
  width: 100%;
  max-width: 700px;
}

.svgplay{
  width: 90%;
  max-width: 60px;
  display: block;
  margin: 0 auto;
}
.heig55{
  height: auto;
  min-height: 55px !important;
}
.svgdown{
  width: 90%;
  max-width: 80px;
  display: block;
  margin: 0 auto 5px auto;
}


 .glass-box {
  position: absolute;
  z-index: 1;
  width: 336px;
  padding: 20px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.9), 0 2px 6px rgba(0, 0, 0, 0.05);
  color: #1d2fb3;
  bottom: 2%;
  left: 1%;
}

/* =========================
   ANIMACIÓN GRÁFICAS SVG
========================= */

.grafica-svg{
   width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

.grafica-svg [id^="circulo_"],
.grafica-svg [id^="barra_"]{
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  transition: opacity .5s ease, transform .8s ease;
}

/* DONAS / PAY */
.grafica-svg [id^="circulo_"]{
  transform: scale(.85) rotate(-8deg);
}

/* BARRAS */
/* BARRAS - izquierda a derecha */
.grafica-svg [id^="barra_"]{
  clip-path: inset(0 100% 0 0);
  transition: clip-path .9s cubic-bezier(.65,0,.35,1);
}





/* activa */
.grafica-svg.grafica-activa [id^="circulo_"],
.grafica-svg.grafica-activa [id^="barra_"]{
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

/* estado activo */
.grafica-svg.grafica-activa [id^="barra_"]{
  clip-path: inset(0 0 0 0);
}

/* delays progresivos */
/* delays de izquierda a derecha para barras */
.grafica-svg.grafica-activa #barra_1{ transition-delay: .08s; }
.grafica-svg.grafica-activa #barra_2{ transition-delay: .16s; }
.grafica-svg.grafica-activa #barra_3{ transition-delay: .24s; }
.grafica-svg.grafica-activa #barra_4{ transition-delay: .32s; }
.grafica-svg.grafica-activa #barra_5{ transition-delay: .40s; }
.grafica-svg.grafica-activa #barra_6{ transition-delay: .48s; }
.grafica-svg.grafica-activa #barra_7{ transition-delay: .56s; }
.grafica-svg.grafica-activa #barra_8{ transition-delay: .64s; }
.grafica-svg.grafica-activa #barra_9{ transition-delay: .72s; }
.grafica-svg.grafica-activa #barra_10{ transition-delay: .80s; }
.grafica-svg.grafica-activa #barra_11{ transition-delay: .88s; }
.grafica-svg.grafica-activa #barra_12{ transition-delay: .96s; }
.grafica-svg.grafica-activa #barra_13{ transition-delay: 1.04s; }


.grafica-wrap{
  width: 100%;
  height: auto;
  display: block;
}

.grafica-wrap svg,
.grafica-svg{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block;
}















































































































































































.ani1animate {
  animation: fadeIn;
  animation-delay: .3s;
}
.ani2animate {
  animation: fadeInLeft;
  animation-delay: .3s;
}
.ani3animate {
  animation: fadeIn;
  animation-delay: .6s;
}
.ani4animate {
  animation: fadeInRight;
  animation-delay: .9s;
}
.ani5animate {
  animation: fadeIn;
  animation-delay: .6s;
}


.ani6animate {
  animation: fadeIn;
  animation-delay: .3s;
}
.ani7animate {
  animation: fadeInRight;
  animation-delay: .6s;
}
.ani8animate {
  animation: fadeIn;
  animation-delay: .3s;
}
.ani9animate {
  animation: fadeIn;
  animation-delay: .9s;
}
.ani10animate {
  animation: fadeIn;
  animation-delay: .3s;
}
.ani11animate {
  animation: fadeIn;
  animation-delay: .9s;
}

.ani12animate {
  animation: fadeIn;
  animation-delay: .3s;
}
.ani13animate {
  animation: fadeIn;
  animation-delay: .6s;
}
.ani14animate {
  animation: fadeIn;
  animation-delay: .9s;
}
.ani15animate {
  animation: fadeIn;
  animation-delay: 1.2s;
}
.ani16animate {
  animation: fadeIn;
  animation-delay: 1.5s;
}

.ani17animate {
  animation: zoomIn;
  animation-delay: .6s;
}


.ani18animate {
  animation: fadeIn;
  animation-delay: .3s;
}
.ani19animate {
  animation: fadeInRight;
  animation-delay: .6s;
}



.ani20animate {
  animation: fadeIn;
  animation-delay: .9s;
}


.ani21animate {
  animation: fadeIn;
  animation-delay: .3s;
}
.ani22animate {
  animation: fadeInUp;
  animation-delay: .3s;
}
.ani23animate {
  animation: fadeIn;
  animation-delay: .3s;
}
.ani24animate {
  animation: fadeIn;
  animation-delay: .6s;
}

.ani25animate {
  animation: fadeIn;
  animation-delay: .3s;
}
.ani26animate {
  animation: fadeIn;
  animation-delay: .6s;
}
.ani27animate {
  animation: fadeIn;
  animation-delay: .9s;
}
.ani28animate {
  animation: fadeIn;
  animation-delay: 1.2s;
}
.ani29animate {
  animation: fadeIn;
  animation-delay: 1.5s;
}




.ani30animate {
  animation: fadeIn;
  animation-delay: .6s;
}





.ani31animate {
  animation: fadeIn;
  animation-delay: .3s;
}
.ani32animate {
  animation: fadeIn;
  animation-delay: .6s;
}
.ani33animate {
  animation: fadeIn;
  animation-delay: .9s;
}
.ani34animate {
  animation: fadeIn;
  animation-delay: 1.2s;
}
.ani35animate {
  animation: fadeIn;
  animation-delay: 1.5s;
}
.ani36animate {
  animation: fadeIn;
  animation-delay: 1.8s;
}
.ani37animate {
  animation: fadeIn;
  animation-delay: 2.1s;
}
.ani38animate {
  animation: fadeIn;
  animation-delay: 2.4s;
}

.ani39animate {
  animation: zoomIn;
  animation-delay: .6s;
}



.ani40animate {
  animation: fadeIn;
  animation-delay: .6s;
}


.ani41animate {
  animation: fadeIn;
  animation-delay: .9s;
}


.ani42animate {
  animation: fadeIn;
  animation-delay: 1.2s;
}



.ani43animate {
  animation: fadeIn;
  animation-delay: .3s;
}


.ani44animate {
  animation: fadeInLeft;
  animation-delay: .3s;
}
.ani45animate {
  animation: fadeIn;
  animation-delay: .6s;
}



.ani46animate {
  animation: fadeIn;
  animation-delay: .6s;
}





.ani47animate {
  animation: fadeIn;
  animation-delay: .3s;
}

.ani48animate {
  animation: fadeIn;
  animation-delay: .9s;
}




.ani49animate {
  animation: fadeIn;
  animation-delay: .6s;
}
.ani50animate {
  animation: fadeIn;
  animation-delay: .9s;
}



.ani51animate {
  animation: fadeIn;
  animation-delay: .3s;
}

.ani52animate {
  animation: fadeIn;
  animation-delay: .6s;
}

.ani53animate {
  animation: fadeIn;
  animation-delay: .9s;
}

.ani54animate {
  animation: fadeIn;
  animation-delay: 1.2s;
}




.ani55animate {
  animation: zoomIn;
  animation-delay: .3s;
}


.ani56animate {
  animation: fadeIn;
  animation-delay: .3s;
}
.ani57animate {
  animation: fadeInUp;
  animation-delay: .9s;
}



.ani58animate {
  animation: fadeIn;
  animation-delay: .3s;
}
.ani59animate {
  animation: fadeIn;
  animation-delay: .6s;
}



.ani60animate {
  animation: fadeIn;
  animation-delay: .3s;
}
.ani61animate {
  animation: fadeIn;
  animation-delay: .6s;
}

.ani62animate {
  animation: fadeIn;
  animation-delay: .9s;
}
.ani63animate {
  animation: fadeIn;
  animation-delay: .6s;
}

.ani64animate {
  animation: fadeInLeft;
  animation-delay: .3s;
}


.ani65animate {
  animation: fadeIn;
  animation-delay: .6s;
}
.ani66animate {
  animation: fadeInUp;
  animation-delay: .9s;
}

.ani67animate {
  animation: fadeIn;
  animation-delay: .3s;
}
.ani68animate {
  animation: fadeIn;
  animation-delay: .6s;
}

.ani69animate {
  animation: fadeIn;
  animation-delay: .3s;
}
.ani70animate {
  animation: fadeIn;
  animation-delay: .6s;
}

.ani71animate {
  animation: fadeIn;
  animation-delay: .3s;
}
.ani72animate {
  animation: fadeInRight;
  animation-delay: .6s;
}


.ani73animate {
  animation: fadeIn;
  animation-delay: .3s;
}

.ani74animate {
  animation: fadeIn;
  animation-delay: .3s;
}
.ani75animate {
  animation: fadeIn;
  animation-delay: .6s;
}


.ani76animate {
  animation: fadeInUp;
  animation-delay: .6s;
}
.ani77animate {
  animation: fadeInUp;
  animation-delay: .9s;
}

.ani78animate {
  animation: fadeInUp;
  animation-delay: 1.2s;
}


.ani79animate {
  animation: fadeIn;
  animation-delay: .9s;
}


.ani80animate {
  animation: fadeIn;
  animation-delay: .3s;
}
.ani81animate {
  animation: fadeIn;
  animation-delay: .6s;
}
.ani82animate {
  animation: fadeIn;
  animation-delay: .9s;
}

.ani83animate {
  animation: fadeIn;
  animation-delay: 1.2s;
}
.ani84animate {
  animation: fadeIn;
  animation-delay: 1.3s;
}
.ani85animate {
  animation: fadeIn;
  animation-delay: 1.5s;
}
.ani86animate {
  animation: fadeIn;
  animation-delay: 1.2s;
}
.ani87animate {
  animation: fadeIn;
  animation-delay: 1.5s;
}
.ani88animate {
  animation: fadeIn;
  animation-delay: 1.8s;
}
.ani89animate {
  animation: fadeIn;
  animation-delay: 2.1s;
}



.ani90animate {
  animation: fadeIn;
  animation-delay: .6s;
}

.ani91animate {
  animation: fadeInLeft;
  animation-delay: .3s;
}

.ani92animate {
  animation: fadeInRight;
  animation-delay: .3s;
}
.ani93animate {
  animation: fadeIn;
  animation-delay: .6s;
}

.ani94animate {
  animation: fadeIn;
  animation-delay: .3s;
}
.ani95animate {
  animation: fadeIn;
  animation-delay: .6s;
}

.ani96animate {
  animation: fadeIn;
  animation-delay: .6s;
}

.ani97animate {
  animation: fadeInRight;
  animation-delay: .6s;
}

.ani98animate {
  animation: fadeIn;
  animation-delay: .6s;
}

.ani99animate {
  animation: fadeIn;
  animation-delay: .6s;
}

.ani100animate {
  animation: fadeIn;
  animation-delay: .6s;
}

.ani101animate {
  animation: fadeIn;
  animation-delay: .6s;
}
.ani102animate {
  animation: fadeInUp;
  animation-delay: .3s;
}

.ani103animate {
  animation: fadeIn;
  animation-delay: .3s;
}
.ani104animate {
  animation: fadeIn;
  animation-delay: .3s;
}
/* -- aniamcion tabla -- */

/* =========================
   TABLAS REVEAL
========================= */

.tabla-reveal{
  position: relative;
  overflow: hidden;
}

.tabla-reveal thead{
  position: relative;
  z-index: 3;
}

.tabla-reveal tbody{
  position: relative;
  z-index: 1;
}

.tabla-reveal tbody tr{
  opacity: 0;
  transform: translateY(-18px);
}

/* cuando se activa */
.tabla-reveal.tabla-reveal-active tbody tr{
  animation-name: tablaFilaBaja;
  animation-duration: .7s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}

/* stagger por fila */
.tabla-reveal.tabla-reveal-active tbody tr:nth-child(1){ animation-delay: .08s; }
.tabla-reveal.tabla-reveal-active tbody tr:nth-child(2){ animation-delay: .16s; }
.tabla-reveal.tabla-reveal-active tbody tr:nth-child(3){ animation-delay: .24s; }
.tabla-reveal.tabla-reveal-active tbody tr:nth-child(4){ animation-delay: .32s; }
.tabla-reveal.tabla-reveal-active tbody tr:nth-child(5){ animation-delay: .40s; }
.tabla-reveal.tabla-reveal-active tbody tr:nth-child(6){ animation-delay: .48s; }
.tabla-reveal.tabla-reveal-active tbody tr:nth-child(7){ animation-delay: .56s; }
.tabla-reveal.tabla-reveal-active tbody tr:nth-child(8){ animation-delay: .64s; }
.tabla-reveal.tabla-reveal-active tbody tr:nth-child(9){ animation-delay: .72s; }
.tabla-reveal.tabla-reveal-active tbody tr:nth-child(10){ animation-delay: .80s; }
.tabla-reveal.tabla-reveal-active tbody tr:nth-child(11){ animation-delay: .88s; }
.tabla-reveal.tabla-reveal-active tbody tr:nth-child(12){ animation-delay: .96s; }
.tabla-reveal.tabla-reveal-active tbody tr:nth-child(13){ animation-delay: 1.04s; }
.tabla-reveal.tabla-reveal-active tbody tr:nth-child(14){ animation-delay: 1.12s; }
.tabla-reveal.tabla-reveal-active tbody tr:nth-child(15){ animation-delay: 1.20s; }
.tabla-reveal.tabla-reveal-active tbody tr:nth-child(16){ animation-delay: 1.28s; }
.tabla-reveal.tabla-reveal-active tbody tr:nth-child(17){ animation-delay: 1.36s; }
.tabla-reveal.tabla-reveal-active tbody tr:nth-child(18){ animation-delay: 1.44s; }
.tabla-reveal.tabla-reveal-active tbody tr:nth-child(19){ animation-delay: 1.52s; }
.tabla-reveal.tabla-reveal-active tbody tr:nth-child(20){ animation-delay: 1.60s; }

@keyframes tablaFilaBaja{
  0%{
    opacity: 0;
    transform: translateY(-28px);
  }
  100%{
    opacity: 1;
    transform: translateY(0);
  }
}