/*
Theme Name: AQUAFONDO 2022
Author: Luis Torres
Author URI: http://conectaconsulting.com/
Description: AQUAFONDO.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/


body{
  font-size: 17px !important;
  font-family: 'Inter', sans-serif !important;
  line-height: 24px;
}
/*h2.h2-dark{
  color: #1958A5;
}*/



/*........LANDING PAGE........*/

.landing-01{
  background-image: url(images/img-section-1.png);
  background-color: #ddf7c8;
  background-repeat: repeat-x;
  background-position: top center;
  min-height: 1079px;
}
@media (max-width: 992px){
  .landing-01{
    background-image: url(images/img-section-1-movil.png);
    background-repeat: repeat-x;
    background-position: bottom center;
    background-size: contain;
    min-height: 600px;
  }
}
/*::::::::::::::::::*/
.landing-02{
  background-image: url(images/img-section-2.png);
  background-repeat: no-repeat;
  background-position: top center;
  min-height: 1079px;
}
@media (max-width: 992px){
  .landing-02{
    background-image: url(images/img-section-2-movil.png);
    background-repeat: no-repeat;
    background-color: #1B032D;
    background-size: contain;
    background-position: top center;
    min-height: 600px;
  }
}
/*::::::::::::::::::*/
.landing-03{
  background-image: url(images/img-section-3.png);
  background-repeat: no-repeat;
  background-position: top center;
  min-height: 1079px;
}
@media (max-width: 1140px){
  .landing-03{
    min-height: 800px;
  }
}
@media (max-width: 992px){
  .landing-03{
    background-image: url(images/img-section-3-movil.png), url(images/bg-azul.png);;
    background-repeat: no-repeat, repeat-x;
    background-color: #18032A;
    background-size: contain;
    background-position: bottom center, bottom center;
    min-height: 600px;
  }
}
/*::::::::::::::::::*/
.landing-04{
  background-image: url(images/img-section-4.png);
  background-repeat: no-repeat;
  background-position: top center;
  min-height: 1079px;
}
@media (max-width: 992px){
  .landing-04{
    background-image: url(images/img-section-4-movil.png), url(images/bg-azul.png);;
    background-repeat: no-repeat, repeat;
    background-color: #145AA8;
    background-size: contain;
    background-position: top center;
    min-height: 600px;
  }
}
/*::::::::::::::::::*/
.landing-05{
  background-image: url(images/img-section-5.png), url(images/bg-azul.png);
  background-repeat: no-repeat, repeat-y;
  background-position: top center;
  min-height: 980px;
  color: #fff;
}
@media (max-width: 992px){
  .landing-05{
    background-image: url(images/bg-azul.png);
    background-repeat:repeat;
    background-color: #145AA8;
    background-size: contain;
    background-position: top center;
    min-height: 600px;
  }
}
/*::::::::::::::::::*/
.landing-06{
  background-image: url(images/img-section-6.png),url(images/bg-azul.png);
  background-repeat: no-repeat, repeat;
  background-position: bottom center;
  min-height: 1079px;
  padding-top: 40px;
}
@media (max-width: 992px){
  .landing-06{
    background-image: url(images/img-section-6-movil.png), url(images/bg-verde.png);
    background-repeat: no-repeat, repeat;
    background-size: contain;
    background-position: top center;
    min-height: 600px;
    padding-top: 80px;
  }
}
@media (max-width: 768px){
  .landing-06{
    padding-top: 40px;
    min-height: 800px;
  }
}

/*::::::::::::::::::*/
.landing-07{
 
}

/*:::::::::LANDING 1:::::::::*/
.ffila-01{
  height: 500px;
  margin-top: 0px;
}
.personaje-1{
  margin-top: 200px;
}
@media (max-width: 992px){
  .ffila-1{
    margin-top: 160px;
  }
  .personaje-1{
    margin-top: 225px;
  }
  .personaje-1 img{
    width: 155px;
    height: auto;
  }
}
@media (max-width: 768px){
  .landing-01{
    padding-top: 80px;
  }
  .ffila-1{
    margin-top: 0;
  }
  .content-land-01{
    margin-top: 0px;
  }
  .personaje-1{
    margin-bottom: 20px;
  margin-top: 104px;
  }
  .personaje-1 img{
    width: 120px;
    height: auto;
  }
}
@media (max-width: 576px){
  .personaje-1{
    margin-top: 30px;
  }
  .personaje-1 img{
    width: 120px;
    margin-right: 30px;
    height: auto;
  }
}
/*----------------*/
/*:::::::::LANDING 2:::::::::*/

@media(max-width: 992px){
  .ffila-2{
    color: white;
    padding-top: 400px !important;
  }
}
@media(max-width: 768px){
  .ffila-2{
    padding-top: 400px !important;
  } 
}
@media(max-width: 576px){
  .ffila-2{
    padding-top: 350px !important;
  } 
}
@media(max-width: 480px){
  .ffila-2{
    padding-top: 300px !important;
  } 
}
@media(max-width: 360px){
  .ffila-2{
    padding-top: 240px !important;
  } 
}




/*----------------*/
/*----bg-monitoreo----*/
.bg-monitoreo{
  background-image: url(images/monitoreo-bg-1x.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  /*min-height: 847px;*/
  background-size: cover;
  padding: 72px 40px 40px 40px;
  border-radius: 16px;
}
@media (max-width: 992px){
  .bg-monitoreo {
    background-image: url(images/monitoreo-bg-2x.png),url(images/bg-green-light.png);
    background-repeat: no-repeat, repeat;
    background-position: bottom left;
    background-size: contain;
    padding: 40px;
    min-height: 720px;
  }
}
@media (max-width: 768px){
  .bg-monitoreo {
    background-image: url(images/monitoreo-bg-3x.png),url(images/bg-green-light.png);
    background-repeat: no-repeat, repeat;
    background-position: bottom center;
    background-size: cover;  
    min-height: 640px;
    padding: 40px 16px 32px 16px;
  }
}
@media (max-width: 576px){
  .bg-monitoreo{
    background-image: url(images/monitoreo-bg-3x.png),url(images/bg-green-light.png);
    background-repeat: no-repeat, repeat;
    background-position: bottom center;
    min-height: 500px;
    padding: 16px;
  }
}
@media(max-width: 480px){
  .bg-monitoreo{
    background-image: url(images/monitoreo-bg-3x.png),url(images/bg-green.png),url(images/bg-green-light.png);

    background-repeat: no-repeat,  repeat-x,repeat;
    background-position: bottom center, center bottom, center ;
    min-height: 500px;
    padding: 16px;
  }
}
/*------------------------*/


@media (max-width: 1400px){
  .list-image img{
    width: 104px !important;
  }
}
@media (max-width: 992px){
  .sec-pie-land{
    padding-top: 0 !important;
  }
  .bloque-4{
    padding-top: 400px;
    padding-bottom: 120px;
  }
  .bloque-6{
    /*padding-top: 100px;*/
  }
  .hug-monitoreo{
    padding-top: 100px;
  }
  .moni-2{
    /*margin-top: 56px;*/
    margin-bottom: 72px;
  }
  .cards-two{
    background-color: #fff;
    border-radius: 16px;
    padding: 32px;
    margin-top: 16px;
  }
  .bloque-5{
    margin-top: 500px;
    margin-bottom: 160px;
  }
}
@media (max-width: 768px){
  .bloque-6{
    padding-top: 40px;
  }
  .bloque-4{
    padding-top: 380px;
    padding-bottom: 120px;
  }
  .list-image img{
    width: 100px !important;
  }
  .moni-2{
    /*margin-top: 32px;*/
    margin-bottom: 88px;
  }
  .bloque-5{
    margin-top: 360px;
    margin-bottom: 120px;
  }

}
@media (max-width: 576px){
.moni-2{
    margin-top: 32px;
    margin-bottom: 88px;
  }
  .bloque-5{
    margin-top: 240px;
    margin-bottom: 160px;
  }
}
@media (max-width: 480px){
  .bloque-4{
    padding-top: 300px !important;
    padding-bottom: 120px;
  }
}

@media (max-width: 360px){
  .bloque-4{
    padding-top: 200px !important;
    padding-bottom: 160px;
  }
}






/*-----------------------*/
.ffila-2{
  gap: 32px;
}
.list-image img{
  width: 128px;
}
.cifras-columna{
  font-size: 18px;
}
.cantidad{
  display: block;
  font-size: 21px;
  line-height: 30px;
  font-weight: 700;
}
.grupo-porcentajes p{
  margin-bottom: 0;
}
.modulo-km{
  border-radius: 16px;
}
.list-p{
  padding-right: 16px;
}
/*--------------------*/


.alt-06{
 height: 1004px;
}
.sumate{
  border-radius: 16px;
  margin-top: 80px;
  margin-bottom: 8px;
}
.bold-numero{
  font-size: 20px;
  font-family: 'Visby-bold', sans-serif;
}


/*...*/
.clouds{
  height: 90px;
}
.c1, .c2, .c3 {
  -webkit-animation: moveclouds 70s linear infinite;
  -moz-animation: moveclouds 70s linear infinite;
  -o-animation: moveclouds 70s linear infinite;
}

@-webkit-keyframes moveclouds {
  0% {height: 90px; margin-left: 60px;}
  1% {height: 90px; margin-left: 60px;}
  100% {height: 90px; margin-left: -400px;}
}
@media (max-width: 576px){
  @-webkit-keyframes moveclouds {
  0% {height: 90px; margin-left: 80px;}
  1% {height: 90px; margin-left: 80px;}
  100% {height: 90px; margin-left: -100px;}
}
}


/*::::::::::::::::::::::::::::::::::*/
/*..FOOTER..*/
.sec-pie-land{
  color: #fff;
  padding-top: 40px;
  position: relative;
  font-size: 15px;
   background-color: #4394D3;
}
.azul-nav{
  background: linear-gradient(179.9deg, rgba(4, 33, 68, 0) 2.79%, rgba(4, 33, 68, 0) 49.64%, #042144 49.65%, #042144 86.61%);
  ;
}
.sec-pie-land .fillp a{
  color: #fff;
  text-decoration: none;
}
.sec-pie-land .fillp a:hover{
  text-decoration: underline;
}
.sec-pie-land .fillp h4{
  text-transform: uppercase;
  font-size: 1em;
}
.sec-pie-land .fillp ul{
  padding-left: 0;
}
.sec-pie-land .fillp ul li{
  list-style: none;
  margin-bottom: 8px;
}
.sec-pie-land .fillp .item{
  padding-left: 32px;
  position: relative;
}
.sec-pie-land .fillp .item .item-content{
  display: flex;
  align-items: center;
}
.sec-pie-land .fillp .item-content img {
  position: absolute;
  top: 3px;
  left: 0;
}
.sec-pie-0{
  height: 123px;
  background-image: url(images/bg-pie.png), url(images/bg-verde.png);
  background-repeat: no-repeat, repeat;
  background-size: cover;
  background-position: bottom center;
}
.rios{
  position: relative;
}
.rios span{
  display: block;
  width: 150px;
  color: #fff;
  font-family: 'Visby-Demibold', sans-serif;
  font-size: 14px;
}
.rio-group-1{
  position: absolute;
  top: 110px;
  right: 415px;
}
.rio-group-2{
  position: absolute;
  top: 170px;
  right: 415px;
}
.rio-group-3{
  position: absolute;
  top: 133px;
  right: -120px;
}
.rio-group-4{
  position: absolute;
  top: 190px;
  right: -120px;
}
.rio-group-5{
  position: absolute;
  top: 245px;
  right: -120px;
}
.rio-group-6{
  position: absolute;
  top: 300px;
  right: -120px;
}
.rio-group-7{
  position: absolute;
  top: 355px;
  right: -120px;
}
.rio-group-8{
  position: absolute;
  top: 400px;
  right: -120px;
}
.rio-group-9{
  position: absolute;
  top: 465px;
  right: -120px;
}

@media (max-width: 1400px){
  .rio-group-1{
  top: 110px;
  right: 325px;
}
.rio-group-2{
  top: 170px;
  right: 325px;
}
.rio-group-3{
  top: 135px;
  right: -210px;
}
.rio-group-4{
  top: 190px;
  right: -210px;
}
.rio-group-5{
  top: 245px;
  right: -210px;
}
.rio-group-6{
  top: 300px;
  right: -210px;
}
.rio-group-7{
  top: 355px;
  right: -210px;
}
.rio-group-8{
  top: 410px;
  right: -210px;
}
.rio-group-9{
  top: 465px;
  right: -210px;
}
}

@media (max-width: 1200px){
  .rio-group-1{
  top: 110px;
  right: 240px;
}
.rio-group-2{
  top: 170px;
  right: 240px;
}
.rio-group-3{
  top: 135px;
  right: -500px;
}
.rio-group-4{
  top: 190px;
  right: -500px;
}
.rio-group-5{
  top: 245px;
  right: -500px;
}
.rio-group-6{
  top: 300px;
  right: -500px;
}
.rio-group-7{
  top: 355px;
  right: -500px;
}
.rio-group-8{
  top: 410px;
  right: -500px;
}
.rio-group-9{
  top: 465px;
  right: -500px;
}
}


@media (max-width: 992px){
  .rios span{
    font-size: 13px;
  }
  .rio-group-1{
  top: 52px;
  right: 275px;
}
.rio-group-2{
  top: 82px;
  right: 275px;
}
.rio-group-3{
  top: 64px;
  right: 0px;
}
.rio-group-4{
  top: 92px;
  right: 0px;
}
.rio-group-5{
  top: 122px;
  right: 0px;
}
.rio-group-6{
  top: 150px;
  right: 0px;
}
.rio-group-7{
  top: 178px;
  right: 0px;
}
.rio-group-8{
  top: 207px;
  right: 0px;
}
.rio-group-9{
  top: 235px;
  right: 0px;
}
}


@media (max-width: 991px){
  .rios span{
    font-size: 12px;
  }
  .rio-group-1{
  top: -446px;
  left: 385px;;
}
.rio-group-2{
  top: -417px;
  left: 385px;
}
.rio-group-3{
  top: -436px;
  left: 665px;
}
.rio-group-4{
  top: -408px;
  left: 665px;
}
.rio-group-5{
  top: -380px;
  left: 665px;
}
.rio-group-6{
  top: -350px;
  left: 665px;
}
.rio-group-7{
  top: -322px;
  left: 665px;
}
.rio-group-8{
  top: -295px;
  left: 665px;
}
.rio-group-9{
  top: -265px;
  left: 665px;
}
}

@media (max-width: 576px){
  .rios span{
    font-size: 5px;
  }
  .rio-group-1{
    top: -227px;
    left: 193px;
}
.rio-group-2{
  top: -216px;
left: 202px;
}
.rio-group-3{
  top: -223px;
left: 300px;
}
.rio-group-4{
  top: -212px;
left: 300px;
}
.rio-group-5{
  top: -175px;
  left: 300px;
}
.rio-group-6{
  top: -158px;
  left: 300px;
}
.rio-group-7{
  top: -142px;
  left: 300px;
}
.rio-group-8{
  top: -125px;
  left: 300px;
}
.rio-group-9{
  top: -110px;
  left: 300px;
}
}
@media (max-width: 360px){
  .rios span{
    font-size: 9px;
  }
  .rio-group-1{
  top: -228px;
  left: 180px;
}
.rio-group-2{
  top: -218px;
  left: 180px;
}
.rio-group-3{
  top: -223px;
  left: 281px;
}
.rio-group-4{
  top: -215px;
  left: 281px;
}
.rio-group-5{
  top: -204px;
  left: 281px;
}
.rio-group-6{
  top: -195px;
  left: 281px;
}
.rio-group-7{
  top: -185px;
  left: 281px;
}
.rio-group-8{
  top: -173px;
  left: 281px;
}
.rio-group-9{
  top: -162px;
  left: 281px;
}
}

.content-sumate{
  padding-bottom: 200px;
}
.azul-nav-2{
  margin-top: -200px;
}
.azul-nav-3{
  margin-top: -155px;
}
/*humano*/


#humano{
  width: 280px;
  height: 407px;

  /* -webkit-animation: moveclouds 70s linear infinite;
  -moz-animation: moveclouds 70s linear infinite;
  -o-animation: moveclouds 70s linear infinite; */

  -webkit-animation-name: slidein;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function:linear;
  /* -webkit-transition: opacity 1s ease-in-out; */


  -moz-animation-name: slidein;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-play-state: running;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function:linear;
  /* -moz-transition: opacity 1s ease-in-out; */



  -webkit-animation-name: slidein;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function:linear;
  /* -webkit-transition: opacity 0s ease-in-out; */

}

#humano:hover{
  animation-play-state: paused;

}

@-webkit-keyframes slidein{

      0%{
        width: 280px;
        height: 407px;
        background: url(images/humano/h1.png);
      }

      50%{
        width: 280px;
        height: 407px;
        background: url(images/humano/h3.png);
      }
/* 
      80%{
        width: 280px;
        height: 407px;
        background: url(images/humano/h3.png);
      } */

      100%{
        width: 280px;
        height: 407px;
        background: url(images/humano/h5.png);
      }

      
      

}

/*fin de humano*/

/*personaje 1*/
#persona1{
  /* width: 756px;
  height: 916px; */
  width: 541px;
  height: 654px;

  /* -webkit-animation: moveclouds 70s linear infinite;
  -moz-animation: moveclouds 70s linear infinite;
  -o-animation: moveclouds 70s linear infinite; */

  -webkit-animation-name: slidein1;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function:linear;
  /* -webkit-transition: opacity 1s ease-in-out; */


  -moz-animation-name: slidein1;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-play-state: running;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function:linear;
  /* -moz-transition: opacity 1s ease-in-out; */



  -webkit-animation-name: slidein1;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function:linear;
  /* -webkit-transition: opacity 0s ease-in-out; */

}

@-webkit-keyframes slidein1{

  0%{
    width: 541px;
    height: 654px;
    background: url(images/senora1.png);
  }

  50%{
    width: 541px;
    height: 654px;
    background: url(images/senora2.png);
  }
/* 
  80%{
    width: 280px;
    height: 407px;
    background: url(images/humano/h3.png);
  } */

  100%{
    width: 541px;
    height: 654px;
    background: url(images/senora1.png);
  }

  
  

}

div#persona1 {
  position: absolute;
  transform: translateX(-24%) translateY(7%);
}


/*personaje 2*/
#persona2{
  /* width: 756px;
  height: 916px; */
  width: 497px;
  height: 485px;

  /* -webkit-animation: moveclouds 70s linear infinite;
  -moz-animation: moveclouds 70s linear infinite;
  -o-animation: moveclouds 70s linear infinite; */

  -webkit-animation-name: slidein2;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function:linear;
  /* -webkit-transition: opacity 1s ease-in-out; */


  -moz-animation-name: slidein2;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-play-state: running;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function:linear;
  /* -moz-transition: opacity 1s ease-in-out; */



  -webkit-animation-name: slidein2;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function:linear;
  /* -webkit-transition: opacity 0s ease-in-out; */

}

@-webkit-keyframes slidein2{

  0%{
    width: 497px;
  height: 485px;
    background: url(images/ninio1.png);
  }

  50%{
    width: 497px;
  height: 485px;
    background: url(images/ninio2.png);
  }
/* 
  80%{
    width: 280px;
    height: 407px;
    background: url(images/humano/h3.png);
  } */

  100%{
    width: 497px;
  height: 485px;
    background: url(images/ninio1.png);
  }

  
  

}

div#persona2 {
  position: absolute;  
  transform: translateX(0%) translateY(50%);
}

/*red inversores*/
.landinredgnews01{
  background-image: url(images/psdaquared1.jpg);
  background-repeat: no-repeat;
    background-position: top center;
  min-height: 1461px;

  background-size: cover;
}



/*LANDIGN2*/
.landingnews01{
  background-image: url(images/01.jpg);
  background-color: #ddf7c8;
  background-repeat: repeat-x;
  background-position: top center;
  min-height: 676px;
}

@media (max-width: 992px){
  .landingnews01{
    background-image: url(images/movil01.png);
    background-repeat: no-repeat;
    background-color: #1B032D;
    background-size: contain;
    background-position: top center;
    min-height: 171px;
  }
}
@media (max-width: 768px){

  .landingnews01 {
    min-height: 271px;
    /* padding-top: 80px; */
  }
  

}

.landingnews02{
  background-image: url(images/02.jpg);
  background-color: #ddf7c8;
  background-repeat: repeat-x;
  background-position: top center;
  min-height: 655px;
}

@media (max-width: 992px){
  .landingnews02{
    background-image: url(images/movil02.png);
    background-repeat: no-repeat;
    background-color: #1B032D;
    background-size: contain;
    background-position: top center;
    min-height: 161px;
  }
}

@media (max-width: 768px){

  .landingnews02 {
    min-height: 171px;
    /* padding-top: 80px; */
  }
  

}

.landingnews03{
  background-image: url(images/03.jpg);
  background-color: #ddf7c8;
  background-repeat: repeat-x;
  background-position: top center;
  min-height: 800px;
}


@media (max-width: 992px){
  .landingnews03{
    background-image: url(images/movil03.png);
    background-repeat: no-repeat;
    background-color: #1B032D;
    background-size: contain;
    background-position: top center;
    min-height: 209px;
  }
}


@media (max-width: 768px){

  .landingnews03 {
    min-height: 221px;
    /* padding-top: 80px; */
  }
  

}

.landingnews04{
  background-image: url(images/04.jpg);
  background-color: #ddf7c8;
  background-repeat: repeat-x;
  background-position: top center;
  min-height: 787px;
}

@media (max-width: 992px){
  .landingnews04{
    background-image: url(images/movil04.png);
    background-repeat: no-repeat;
    background-color: #1B032D;
    background-size: contain;
    background-position: top center;
    min-height: 208px;
  }
}

@media (max-width: 768px){

  .landingnews04 {
    min-height: 220px;
    /* padding-top: 80px; */
  }
  

}
.landingnews05{
  background-image: url(images/05.jpg);
  background-color: #ddf7c8;
  background-repeat: repeat-x;
  background-position: top center;
  min-height: 773px;
}
@media (max-width: 992px){
  .landingnews05{
    background-image: url(images/movil05.png);
    background-repeat: no-repeat;
    background-color: #1B032D;
    background-size: contain;
    background-position: top center;
    min-height: 178px;
  }
}

@media (max-width: 768px){

  .landingnews05 {
    min-height: 189px;
    /* padding-top: 80px; */
  }
  

}

.landingnews06{
  background-image: url(images/06.jpg);
  background-color: #ddf7c8;
  background-repeat: repeat-x;
  background-position: top center;
  min-height: 721px;
}

@media (max-width: 992px){
  .landingnews06{
    background-image: url(images/movil06.png);
    background-repeat: no-repeat;
    background-color: #1B032D;
    background-size: contain;
    background-position: top center;
    min-height: 187px;
  }
}

@media (max-width: 768px){

  .landingnews06 {
    min-height: 198px;
    /* padding-top: 80px; */
  }
  

}
.landingnews07{
  background-image: url(images/07.jpg);
  background-color: #ddf7c8;
  background-repeat: repeat-x;
  background-position: top center;
  min-height: 760px;
}

@media (max-width: 992px){
  .landingnews07{
    background-image: url(images/movil07.png);
    background-repeat: no-repeat;
    background-color: #1B032D;
    background-size: contain;
    background-position: top center;
    min-height: 227px;
  }
}


@media (max-width: 768px){

  .landingnews07 {
    min-height: 240px;
    /* padding-top: 80px; */
  }
  

}

.landingnews08{
  background-image: url(images/08.jpg);
  background-color: #ddf7c8;
  background-repeat: repeat-x;
  background-position: top center;
  min-height: 906px;
}

@media (max-width: 992px){
  .landingnews08{
    background-image: url(images/movil08.png);
    background-repeat: no-repeat;
    background-color: #1B032D;
    background-size: contain;
    background-position: top center;
    min-height: 231px;
  }
}

@media (max-width: 768px){

  .landingnews08 {
    min-height: 244px;
    /* padding-top: 80px; */
  }
  

}
.landingnews09{
  background-image: url(images/09.jpg);
  background-color: #ddf7c8;
  background-repeat: repeat-x;
  background-position: top center;
  min-height: 932px;
}

@media (max-width: 992px){
  .landingnews09{
    background-image: url(images/movil09.png);
    background-repeat: no-repeat;
    background-color: #1B032D;
    background-size: contain;
    background-position: top center;
    min-height: 214px;
  }
}

@media (max-width: 768px){

  .landingnews09 {
    min-height: 226px;
    /* padding-top: 80px; */
  }
  

}


.landingnews10{
  background-image: url(images/10.jpg);
  background-color: #ddf7c8;
  background-repeat: repeat-x;
  background-position: top center;
  min-height: 820px;
}

@media (max-width: 992px){
  .landingnews10{
    background-image: url(images/movil10.png);
    background-repeat: no-repeat;
    background-color: #1B032D;
    background-size: contain;
    background-position: top center;
    min-height: 237px;
  }
}
@media (max-width: 768px){

  .landingnews10 {
    min-height: 251px;
    /* padding-top: 80px; */
  }
  

}
.landingnews11{
  background-image: url(images/11.jpg);
  background-color: #ddf7c8;
  background-repeat: repeat-x;
  background-position: top center;
  min-height: 943px;
}

@media (max-width: 992px){
  .landingnews11{
    background-image: url(images/movil11.png);
    background-repeat: no-repeat;
    background-color: #1B032D;
    background-size: contain;
    background-position: top center;
    min-height: 242px;
  }
}

@media (max-width: 768px){

  .landingnews11 {
    min-height: 256px;
    /* padding-top: 80px; */
  }
  

}
.landingnews12{
  background-image: url(images/12.jpg);
  background-color: #ddf7c8;
  background-repeat: repeat-x;
  background-position: top center;
  min-height: 430px;
}

@media (max-width: 992px){
  .landingnews12{
    background-image: url(images/movil12.png);
    background-repeat: no-repeat;
    background-color: #8b7702;
    background-size: contain;
    background-position: top center;
    min-height: 186px;
  }
}

@media (max-width: 768px){

  .landingnews12 {
    min-height: 198px;
    /* padding-top: 80px; */
  }
  

}

@media(max-width: 768px){

  .azul-nav-2 {
    margin-top: -170px;
  }

}
.btn.btn-primary.btn-sumate2{

  background-color:#019cde;
  border-color: #019cde;
  color: #fff;
  font-size: 50px;

}

@media(max-width: 768px){
  .btn.btn-primary.btn-sumate2{
    font-size: 1rem !important;
  }

}



#video-section {
  position: relative;
  height: 100vh;
  background: url(images/p1.png) center center/cover no-repeat;
  min-height: 1079px;
}

#bg1{
  background: url(images/p1.png) center center/cover no-repeat;
  min-height: 293px;
}

#bg2{
  background: url(images/p2.png) center center/cover no-repeat;
  min-height: 720px;
}

#bg3{
  background: url(images/p3.png) center center/cover no-repeat;
  min-height: 748px;
}

#bg4{
  background: url(images/p4.png) center center/cover no-repeat;
  min-height: 185px;
}

#bg5{
  background: url(images/p5.png) center center/cover no-repeat;
  min-height: 341px;
}



#video-section2 {
  position: relative;
  /* height: 100vh; */
  background: url(images/psdaquared2.jpg) center center/cover no-repeat;
  min-height: 540px;
}
.video-container {
  position: relative;
  height: 100%;
}
/* .video-container {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
} */

/* .video-container video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
} */

.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.characters {
  position: relative;
  height: 400px; /* Altura de la sección */
}

.character {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 433px; /* Ancho de los personajes */
}

.character-left {
  left: 50%;
  transform: translateX(-50%) translateY(-50%) scaleX(-1);
}

.character-right {
  right: 50%;
  transform: translateX(-37%) translateY(-50%);
}


.character1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 422px; /* Ancho de los personajes */
}

.character-right1 {
  right: 50%;
  transform: translateX(142%) translateY(-50%);
}

.col-4.p1 {
  transform: translateX(-19%) translateY(17%);
}

.col-4.p2 {
  transform: translateX(8%) translateY(11%);
}

.row.icons {
  transform: translateX(7%) translateY(56%);
}

.col-7.escudo {
  transform: translateX(0%) translateY(22%);
}


.row.g1 {
  transform: translateX(-6%) translateY(20%);
}

.row.g3 {
  transform: translateX(-31%) translateY(31%);
}

.row.btnmas {
  transform: translateX(9%) translateY(271%);
}

a.btn.btn-primary.btn-descargar-azul {
  background-color: #0999f0;
  border-color: #0999f0;
  color: white;
  border-radius: 21px;
}