.sin_margen { margin-right:0px; margin-left:0px; }
.sin_padding { padding-left:0px; padding-right:0px;  }
.sin_flex { display:inherit; }

.sin_padding_der { padding-right:0px; }
.sin_padding_izq { padding-left:0px; }

.margen_arriba_1 { margin-top:1%; }
.margen_arriba_2 { margin-top:2%; }
.margen_arriba_3 { margin-top:3%; }
.margen_arriba_4 { margin-top:4%; }
.margen_arriba_5 { margin-top:5%; }

.margen_abajo_1 { margin-bottom:1%; }
.margen_abajo_2 { margin-bottom:2%; }
.margen_abajo_3 { margin-bottom:3%; }
.margen_abajo_4 { margin-bottom:4%; }
.margen_abajo_5 { margin-bottom:5%; }

.padding_arriba_1 { padding-top:1%; }
.padding_arriba_2 { padding-top:2%; }
.padding_arriba_3 { padding-top:3%; }
.padding_arriba_4 { padding-top:4%; }
.padding_arriba_5 { padding-top:5%; }
.padding_arriba_6 { padding-top:6%; }
.padding_arriba_7 { padding-top:7%; }
.padding_arriba_8 { padding-top:8%; }
.padding_arriba_9 { padding-top:9%; }
.padding_arriba_10 { padding-top:10%; }

.padding_abajo_1 { padding-bottom:1%; }
.padding_abajo_2 { padding-bottom:2%; }
.padding_abajo_3 { padding-bottom:3%; }
.padding_abajo_4 { padding-bottom:4%; }
.padding_abajo_5 { padding-bottom:5%; }

body {
    font-family: 'Public Sans', sans-serif;
}

body::-webkit-scrollbar{
    display: none;
  }

.barra_nav_azul {
    background-color: #203AE9;
    padding-top: 10px;
    padding-bottom: 10px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}

.barra_nav {
    background-color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}

.logo_azul {
    max-width: 450px;
    margin-top: 5px;
}

.ico_burguer_rosa {
    max-width: 40px;
}

.bot_nav {
  background-color: #203AE9;
  border-radius: 15px;
  color: #FFF;
  font-size: 12px;
  padding: 6px 15px;
  text-decoration: none;
  margin-right: 15px;
}

.bot_nav i {
  margin-left: 6px;
}

.bot_nav:hover {
  color: #FFF;
}

/************************************************************************************************************************************/
/*********************************************** MENU HOVER *************************************************************************/

.hover_menu {
  position: fixed;  
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #EAE8E4;
  z-index: 9998;
  overflow: hidden;
  top: -100%;
  transition: .5s linear all;
}

.logo_solo {
  max-width: 130px;
  margin-top: 15px;
}

.tit_nav {
  display: inline-block;
  color: #163152;
  font-weight: 700;
  margin-top: 25px;
  margin-right: 35px;
}

.bot_cerrar {
  display: inline-block;
  margin-top: -15px;
}

.bot_cerrar img{
  max-width: 50px;
  width: 100%;
}

.margen_menu {
  margin-top: 15%;
}

.bot_menu {
  text-decoration: none;
}

.bot_menu img{
  width: 100%;
  transition: .3s linear all;
}

.bot_menu:hover img{
  transform: rotate(15deg);
}

.bot_menu p {
  color: #163152;
  font-weight: 900;
  font-size: 28px;
  line-height: 1.2;
  margin-top: 25%;
  transition: .3s linear all;
}

.bot_menu:hover p {
  transform: translateY(-15px);
}

.bot_1 span {
  color: #203AE9;
}

.bot_2 span {
  color: #7844F7;
}
.bot_3 span {
  color: #FF4351;
}
.bot_4 span {
  color: #FF8CC5;
}
.bot_5 span {
  color: #00A6E8;
}
.bot_6 span {
  color: #00AC69;
}

.cont_botones_menu {
  margin-top: 10%;
}

.cont_botones_menu a {
  padding: 10px 35px;
  border-radius: 45px;
  display: inline-block;
  min-width: 230px;
  text-decoration: none;
  line-height: 1.2;
  font-size: 14px;
  font-weight: 700;
  margin-right: 5px;
}


.bot_blanco {
  color: #203AE9;
  background-color: #FFF;
}

.bot_blanco:hover {
  color: #203AE9;
}

.bot_azul {
  background-color: #203AE9;
  color: #FFF;
}

.bot_azul:hover {
  color: #FFF;
}

/************************************************************************************************************************************/
/*********************************************** HOME *******************************************************************************/

.home {
    height: calc(100vh - 2rem);
    background-image: url('/imagen/reporteintegrado2022_bg_home.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-width: 100vw;
  min-height: 100vh;


}

.graf_1_home {
    max-width: 500px;   
    margin-top: 35%; 
}

.tit_home {
    font-size: 70px;
    font-weight: 900;
    color: #163152;
    line-height: 1.2;
    margin-top: 56%;
}

.tit_home span {
    color: #203AE9;
}

.botones_home {
    margin-top: 15%;
}

.botones_home a {
    color: #203AE9;
    font-size: 16px;
    background-color: #FFF;
    border-radius: 35px;
    display: inline-block;
    padding: 15px 35px;
    margin-right: 10px;
    text-decoration: none;
    line-height: 1.2;
    
}

.botones_home span {
    font-weight: 700;
}

.graf_scroll_home {
    margin-top: 20%;
    max-width: 90px;
    margin-left: 30%;
    animation-delay: 1s; animation-duration:5s; animation-name:scrolly;
  animation-iteration-count: infinite;
}


@-webkit-keyframes scroll {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  
    5% {
      -webkit-transform: translateX(15px);
      transform: translateX(15px);
    }
  
    10% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  
    15% {
      -webkit-transform: translateX(15px);
      transform: translateX(15px);
    }
  
    20% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }

    25% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px);
      }
    
      30% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
  }
  
  @keyframes scroll {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  
    5% {
      -webkit-transform: translateX(15px);
      transform: translateX(15px);
    }
  
    10% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  
    15% {
      -webkit-transform: translateX(15px);
      transform: translateX(15px);
    }
  
    20% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }

    25% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px);
      }
    
      30% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
  }

.ods_secc {
    background-color: #D8D7D6;
    padding: 3px 12px;
    color: #163152;
    font-weight: 900;
    margin-top: 20%;
    font-size: 20px;
    display: inline-block;
    padding-right: 50px;
    line-height: 1.1;
}

.ods_secc span {
    font-size: 11px;
}

/**************************************************************************************************************************************/
/********************** SECCION 1  EL BANCO *************************************************************************************/

.seccion_1 {
    height: calc(100vh - 2rem);
    background-image: url('/imagen/reporteintegrado2022_bg_s1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-width: 100vw;
  min-height: 100vh;


}

.tit_secc_1 {
    font-weight: 900;
    color: #FFF;
    font-size: 110px;
    margin-top: 10%;
    margin-bottom: 10%; 
    line-height: 1;
}

.texto_secc_1 {
    font-weight: 900;
    color: #FFF;
    font-size: 18px;
    max-width: 320px;
    line-height: 1.2;
}

.graf_scroll_s1 {
    max-width: 90px;
    margin-top: 5%;
    animation-delay: 1s; animation-duration:5s; animation-name:scrolly;
  animation-iteration-count: infinite;
}


@-webkit-keyframes scrolly {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    5% {
      -webkit-transform: translateY(15px);
      transform: translateY(15px);
    }
  
    10% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    15% {
      -webkit-transform: translateY(15px);
      transform: translateY(15px);
    }
  
    20% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }

    25% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
      }
    
      30% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
  }
  
  @keyframes scrolly {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    5% {
      -webkit-transform: translateY(15px);
      transform: translateY(15px);
    }
  
    10% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    15% {
      -webkit-transform: translateY(15px);
      transform: translateY(15px);
    }
  
    20% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }

    25% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
      }
    
      30% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
  }

.seccion_1_cont {
    height: calc(100vh - 2rem);
    min-height: 100vh;
    min-width: 100vw;
   position: relative;
}

.texto_secc_1_cont {
    color: #163152;
    font-size: 18px;
    font-weight: 300;
    margin-top: 20%;
    max-width: 400px;
    padding-left: 10%;
    padding-top: 10%;
    
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 40%;
}

.bg_texto_secc_1_cont {
  background-image: url('/imagen/reporteintegrado2022_circ_celeste.svg');
}


.boton_s1 {
    max-width: 300px;
    position: absolute;
    bottom: 0;
    z-index: 900;
    transition: .7s linear all;
}

.bg_gris {
    background-color: #EAE8E4;
    height: 100vh;
}

.bg_gris_claro {
  background-color: #F4F3F1;
  height: 100vh;
}

.subtit_1_s1 {
    color: #163152;
    font-weight: 700;
    font-size: 18px;
    margin-top: 10%;
    line-height: 1.2;
    margin-left: 15%;
}

.graf_1_s1 {
    max-width: 1100px;
    margin-top: 3%;
    margin-bottom: 5%;
}

.subtit_2_s1 {
    color: #203AE9;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    margin-left: 15%;
}

/**************************************************************************************************************************************/
/********************** SECCION 2  CAPITAL FINANCIERO *************************************************************************************/

.seccion_2 {
    height: calc(100vh - 2rem);
    background-image: url('/imagen/reporteintegrado2022_bg_s2.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-width: 100vw;
  min-height: 100vh;
  position: relative;
}

.bg_secc_2 {
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, #7844F7 50%, #fff 50%);
  background-size: 100% 200%;
  background-position: bottom;
  transition: all 2s ease-out;
  min-width: 100vw;
  min-height: 100vh;
  z-index: -1;
  overflow: hidden;
}

.bg_secc_3 {
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, #7844F7 50%, #fff 50%);
  background-size: 100% 200%;
  background-position: bottom;
  transition: all 2s ease-out;
  min-width: 100vw;
  min-height: 100vh;
  z-index: -1;
  overflow: hidden;
}

.bg_secc_4 {
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, #7844F7 50%, #fff 50%);
  background-size: 100% 200%;
  background-position: bottom;
  transition: all 2s ease-out;
  min-width: 100vw;
  min-height: 100vh;
  z-index: -1;
  overflow: hidden;
}

.bg_secc_5 {
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, #7844F7 50%, #fff 50%);
  background-size: 100% 200%;
  background-position: bottom;
  transition: all 2s ease-out;
  min-width: 100vw;
  min-height: 100vh;
  z-index: -1;
  overflow: hidden;
}

.bg_secc_6 {
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, #7844F7 50%, #fff 50%);
  background-size: 100% 200%;
  background-position: bottom;
  transition: all 2s ease-out;
  min-width: 100vw;
  min-height: 100vh;
  z-index: -1;
  overflow: hidden;
}

.tit_secc_2 {
    font-weight: 900;
    color: #FFF;
    font-size: 110px;
    margin-top: 10%;
    margin-bottom: 10%; 
    line-height: 1;
}

.tit_secc_2 span {
    color: #163152;
}


.circ_secc_2 {
    background-color: #7844F7;
    border-radius: 50%;
    width: 0%;
    height: 0%;
    position: absolute;
    top: 0;
    left: 0%;
    z-index: 888;
    transition: 1s linear all;
}

.circ_secc_3 {
  background-color: #FF4351;
  border-radius: 50%;
  width: 0%;
    height: 0%;
    position: absolute;
    top: 0;
    left: 0%;
  z-index: 888;
  transition: .7s linear all;
}

.circ_secc_4 {
  background-color: #FF8CC5;
  border-radius: 50%;
  width: 0%;
    height: 0%;
    position: absolute;
    top: 0;
    left: 0%;
  z-index: 888;
  transition: .7s linear all;
}

.circ_secc_5 {
  background-color: #00A6E8;
  border-radius: 50%;
  width: 0%;
    height: 0%;
    position: absolute;
    top: 0;
    left: 0%;
  z-index: 888;
  transition: .7s linear all;
}

.circ_secc_6 {
  background-color: #00AC69;
  border-radius: 50%;
  width: 0%;
    height: 0%;
    position: absolute;
    top: 0;
    left: 0%;
  z-index: 888;
  transition: .7s linear all;
}

.seccion_2_cont {
    height: calc(100vh - 2rem);
    min-height: 100vh;
    min-width: 100vw;
   position: relative;
}

.bg_texto_secc_2_cont {
  background-image: url('/imagen/reporteintegrado2022_circ_s2.svg');
}

.boton_s2 {
  max-width: 300px;
  position: absolute;
  bottom: 0;
  z-index: 900;
  transition: .7s linear all;
}


.num_1_s2 {
    font-size: 120px;
    color: #163152;
    font-weight: 900;
    line-height: 1;
    margin-top: 10%;
}

.subtit_1_s2 {
    color: #163152;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}

.linea_divisor {
    background-color: #7844F7;
    height: 2px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.divisor_vertical {
    background-color: #7844F7;
    height: 100%;
    width: 2px;
    
}

.bg_divisor_vertical {
    border-left: 2px solid #7844F7;
}

.linea_divisor_celeste {
  background-color: #00A6E8;
  height: 2px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.bg_divisor_vertical_celeste {
  border-left: 2px solid #00A6E8;
}

.linea_divisor_verde {
  background-color: #00AC69;
  height: 2px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.bg_divisor_vertical_verde {
  border-left: 2px solid #00AC69;
}


.num_2_s2 {
    font-size: 120px;
    color: #163152;
    font-weight: 900;
    line-height: 1;
    margin-top: 5%;
}

.num_3_s2 {
    font-size: 80px;
    color: #163152;
    font-weight: 900;
    line-height: 1;
    margin-top: 25%;
}

.num_3_s2 span {
    font-weight: 100;
}

.graf_1_s2 {
    max-width: 500px;
    margin-top: 15%;

}

.num_4_s2 {
    font-size: 50px;
    color: #203AE9;
    font-weight: 900;
    line-height: 1;
    margin-top: 5%;
}

.num_4_s2 span {
    font-weight: 100;
}

/**************************************************************************************************************************************/
/********************** SECCION 3  CAPITAL INDUSTRIAL E INTELECTUAL *************************************************************************************/

.seccion_3 {
    height: calc(100vh - 2rem);
    background-image: url('/imagen/reporteintegrado2022_bg_s3.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-width: 100vw;
  min-height: 100vh;
  position: relative;
}

.tit_secc_3 {
    font-weight: 900;
    color: #FFF;
    font-size: 110px;
    margin-top: 5%;
    margin-bottom: 5%; 
    line-height: 0.9;
}

.tit_secc_3 span {
    color: #163152;
}


.seccion_3_cont {
    height: calc(100vh - 2rem);
    min-height: 100vh;
    min-width: 100vw;
   position: relative;
}

.bg_texto_secc_3_cont {
  background-image: url('/imagen/reporteintegrado2022_circ_s3.svg');
}

.boton_s3 {
  max-width: 300px;
  position: absolute;
  bottom: 0;
  z-index: 900;
  transition: .7s linear all;
}

.linea_divisor {
    background-color: #FF4351;
    height: 2px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.divisor_vertical_rojo {
    background-color: #FF4351;
    height: 100%;
    width: 2px;
    
}

.bg_divisor_vertical_rojo {
    border-left: 2px solid #FF4351;
}

.num_1_s3 {
    font-size: 120px;
    color: #163152;
    font-weight: 900;
    margin-top: 5%;
}

.num_2_s3 {
    font-size: 70px;
    color: #203AE9;
    font-weight: 900;
    line-height: 1;
    margin-top: 11%;
}

.num_2_s3 span {
    font-weight: 100;
}

.graf_1_s3 {
    max-width: 300px;
    margin-top: 5%;
    margin-bottom: 5%;
}

.subtit_1_s3 {
    color: #163152;
    font-size: 18px;
    font-weight: 700;
    margin-top: 6%;
}

.num_3_s3 {
  font-size: 60px;
  color: #163152;
  font-weight: 900;
  margin-top: 5%;
  line-height: 1.1;
}

.subtit_2_s3 {
  color: #163152;
  font-size: 18px;
  font-weight: 700;
  margin-top: 0%;
}

.subtit_3_s3 {
  color: #163152;
  font-size: 18px;
  font-weight: 700;
  margin-top: 8%;
  margin-bottom: 3%;
}

.num_4_s3 {
  font-size: 120px;
  color: #163152;
  font-weight: 900;
  margin-top: 2%;
  line-height: 1.1;
}

.graf_2_s3 {
  max-width: 500px;
  margin-top: 15%;
  margin-bottom: 5%;
}

.subtit_4_s3 {
  color: #163152;
  font-size: 18px;
  font-weight: 700;
  margin-top: 15%;
  margin-bottom: 5%;
  line-height: 1.2;
}

.num_5_s3 {
  font-size: 90px;
  color: #163152;
  font-weight: 900;
  margin-top: 5%;
  line-height: 1.1;
}

.num_5_s3 span {
  font-weight: 300;
}


.subtit_5_s3 {
  color: #163152;
  font-size: 18px;
  font-weight: 700;
  margin-top: 10%;
  margin-bottom: 5%;
  line-height: 1.2;
}

.subtit_6_s3 {
  color: #163152;
  font-size: 18px;
  font-weight: 700;
  margin-top: 10%;
  margin-bottom: 5%;
  line-height: 1.2;
}

/**************************************************************************************************************************************/
/********************** SECCION 4  CAPITAL HUMANO *************************************************************************************/

.seccion_4 {
    height: calc(100vh - 2rem);
    background-image: url('/imagen/reporteintegrado2022_bg_s4.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-width: 100vw;
  min-height: 100vh;
  position: relative;
}


.seccion_4_cont {
  height: calc(100vh - 2rem);
  min-height: 100vh;
  min-width: 100vw;
 position: relative;
}

.bg_texto_secc_4_cont {
background-image: url('/imagen/reporteintegrado2022_circ_s4.svg');
}

.num_1_s4 {
  font-size: 110px;
  color: #163152;
  font-weight: 900;
  margin-top: 5%;
  line-height: 1.1;
}

.graf_1_s4 {
  max-width: 400px;
  margin-top: 2%;
}

.num_2_s4 {
  font-size: 80px;
  color: #163152;
  font-weight: 900;
  margin-top: 3%;
  line-height: 1.1;
}

.num_2_s4 span {
  font-weight: 300;
}

.texto_azul_s4 {
  color: #203AE9;
  font-weight: 900;
  font-size: 26px;
  margin-top: 5%;
  line-height: 1.2;
}



/**************************************************************************************************************************************/
/********************** SECCION 5  CAPITAL SOCIAL *************************************************************************************/

.seccion_5 {
  height: calc(100vh - 2rem);
  background-image: url('/imagen/reporteintegrado2022_bg_s5.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-width: 100vw;
min-height: 100vh;
position: relative;
}


.seccion_5_cont {
height: calc(100vh - 2rem);
min-height: 100vh;
min-width: 100vw;
position: relative;
}

.bg_texto_secc_5_cont {
background-image: url('/imagen/reporteintegrado2022_circ_s5.svg');
}

.num_1_s5 {
font-size:  90px;
color: #163152;
font-weight: 900;
margin-top: 2%;
line-height: 1.1;
}

.graf_1_s5 {
max-width: 400px;
margin-top: 2%;
}

.num_2_s5 {
font-size: 80px;
color: #163152;
font-weight: 900;
margin-top: 3%;
line-height: 1.1;
}

.num_1_s5 span {
font-weight: 300;
}

.num_3_s5 {
  font-size: 60px;
  color: #163152;
  font-weight: 900;
  margin-top: 3%;
  line-height: 1.1;
  }

.subtit_1_s5 {
    color: #163152;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 2%;
}  

.num_4_s5 {
  font-size: 40px;
  background-color: #163152;
  color: #FFF;
  font-weight: 900;
  margin-top: 15px;
  line-height: 1.1;
  padding: 25px 15px;
  padding-bottom: 10px;
  margin-bottom: 15px;
  }

.num_5_s5 {
  font-size: 40px;
  background-color: #203AE9;
  color: #FFF;
  font-weight: 900;
  margin-top: 15px;
  line-height: 1.1;
  padding: 25px 15px;
  padding-bottom: 10px;
  margin-bottom: 15px;
  }  



  
/**************************************************************************************************************************************/
/********************** SECCION 6  CAPITAL NATURAL *************************************************************************************/

.seccion_6 {
  height: calc(100vh - 2rem);
  background-image: url('/imagen/reporteintegrado2022_bg_s6.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-width: 100vw;
min-height: 100vh;
position: relative;
}


.seccion_6_cont {
height: calc(100vh - 2rem);
min-height: 100vh;
min-width: 100vw;
position: relative;
}

.bg_texto_secc_6_cont {
background-image: url('/imagen/reporteintegrado2022_circ_s6.svg');
}

.num_1_s6 {
font-size:  150px;
color: #163152;
font-weight: 900;
margin-top: 2%;
line-height: 1.1;
}

.num_1_s6 span {
  font-weight: 300;
}

.num_2_s6 {
font-size: 74px;
color: #163152;
font-weight: 900;
margin-top: 2%;
line-height: 1.1;
}

.num_2_s6 span {
font-weight: 300;
}

.graf_1_s6 {
  max-width: 400px;
  margin-top: 2%;
  }

.num_3_s6 {
  font-size: 90px;
  color: #203AE9;
  font-weight: 900;
  margin-top: 4%;
  line-height: 1.1;
  }

.num_3_s6 span {
  font-weight: 300;
}

.subtit_1_s6 {
    color: #163152;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 2%;
}  

.subtit_2_s6 {
  color: #163152;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 2%;
  margin-top: 9%;
}  

.texto_azul_s6 {
  color: #203AE9;
  font-weight: 900;
  font-size: 26px;
  margin-top: 29%;
  line-height: 1.2;
}

.texto_azul_2_s6 {
  color: #203AE9;
  font-weight: 900;
  font-size: 26px;
  margin-top: 2%;
  line-height: 1.2;
}


/**************************************************************************************************************************************/
/************************************* RESPONSIVE *************************************************************************************/

@media (max-width: 1791px) { 

  .num_5_s3 {
    font-size: 80px;
  }

}

@media (max-width: 1680px) { 

  .num_3_s6 {
    font-size: 80px;
  }

}

@media (max-width: 1480px) { 

  .subtit_1_s2 br {
    display: none;
  }

  .num_1_s6 {
    font-size: 130px;
  }

  .num_3_s6 {
    font-size: 70px;
  }

}

@media (max-width: 1440px) { 

  .margen_menu {
    margin-top: 5%;
  }

  .cont_botones_menu {
    margin-top: 5%;
  }

  .tit_home {
    font-size: 40px;
    margin-top: 40%;
  }

  .botones_home {
    margin-top: 5%;
  }

  .graf_1_home {
    max-width: 400px;
    margin-top: 25%;
  }

  .botones_home a {
    font-size: 13px;
    padding: 10px 25px;
  }

  .texto_secc_1 {
    font-size: 16px;
    font-weight: 700;
  }

  .tit_secc_1 {
    font-size: 90px;
    margin-bottom: 5%;
  }

  .tit_secc_2 {
    font-size: 90px;
    margin-bottom: 5%;
  }

  .texto_secc_1_cont {
    font-size: 16px;
    margin-top: 20%;
  }

  .num_1_s2 {
    font-size: 90px;
  }

  .num_3_s2 {
    font-size: 70px;
  }

  .subtit_1_s2 {
    font-size: 16px;
  }

  .num_2_s2  {
    font-size: 90px;
  }

  .tit_secc_3 {
    font-size: 90px;
  }

  .ods_secc {
    margin-top: 10%;
  }

  .graf_scroll_s1 {
    max-width: 70px;
  }

  .num_1_s3 {
    font-size: 90px;
    line-height: 1.2;
  }

  .num_2_s3 {
    font-size: 50px;
  }

  .num_3_s3 {
    font-size: 50px;
    margin-top: 1%;
  }

  .num_4_s3 {
    font-size: 7vw;
  }

  .num_5_s3 {
    font-size: 4vw;
  }

  .subtit_4_s3 {
    font-size: 16px;
  }

  .subtit_5_s3 {
    font-size: 16px;
    margin-top: 5%;
  }

  .subtit_6_s3 {
    font-size: 16px;
    margin-top: 5%;
  }

  .num_1_s4 {
    font-size: 78px;
  }

  .graf_1_s4 {
    max-width: 300px;
  }

  .num_2_s4 {
    font-size: 54px;
  }

  .texto_azul_s4 {
    font-size: 20px;
  }

  .num_1_s5 {
    font-size: 70px;
  }

  .num_2_s5 {
    font-size: 50px;
  }

  .num_1_s6 {
    font-size: 100px;
  }

  .num_2_s6 {
    font-size: 50px;
  }

  .num_3_s6 {
    font-size: 60px;
  }

  .subtit_2_s6 {
    font-size: 16px;
    line-height: 1.3;
  }

  .texto_azul_s6 {
    font-size: 20px;
  }

  .texto_azul_2_s6 {
    font-size: 20px;
  }

  .graf_1_s6 {
    max-width: 300px;
  }


}

@media (max-width: 1366px) { 

  .subtit_4_s3 {
    margin-top: 8%;
  }

  .graf_2_s3 {
    margin-top: 10%;
  }

  .num_1_s4 {
    margin-top: 3%;
  }

  .num_4_s5 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .num_5_s5 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .graf_1_s5 {
    max-width: 180px;
  }

  .num_2_s5 {
    margin-top: 0;
  }

  .subtit_1_s2 br {
    display: none;
  }

}

@media (max-width: 1280px) { 

.subtit_5_s3 br {
  display: none;
}

}

@media (max-width: 1024px) { 

  .num_3_s2 {
    font-size: 50px;
  }

  .num_2_s3 {
    font-size: 44px;
  }

  .num_1_s3 {
    font-size: 66px;
  }

  .subtit_6_s3 br {
    display: none;
  }

  .subtit_3_s3 {
    margin-top: 4%;
  }

  .num_1_s6 {
    font-size: 88px;
  }

  .num_3_s6 {
    font-size: 46px;
  }

  .subtit_2_s6 br {
    display: none;
  }

}

@media (max-width: 767px) { 

  .bg_gris {
    height: 100%;
  }

  .bg_gris_claro {
    height: 100%;
  }

  .tit_home {
    font-size: 24px;
    margin-top: 30%;
  }

  .graf_1_home {
    max-width: 200px;
    margin-top: 10%;
  }

  .graf_scroll_home {
    max-width: 70px;
    margin-top: 10%;
  }

  .seccion_1_cont {
    height: 100%;
  }

  .seccion_2_cont {
    height: 100%;
  }

  .seccion_3_cont {
    height: 100%;
  }

  .seccion_4_cont {
    height: 100%;
  }

  .seccion_5_cont {
    height: 100%;
  }

  .seccion_6_cont {
    height: 100%;
  }

  .boton_s1 {
    max-width: 200px;
  }

  .boton_s2 {
    max-width: 200px;
  }

  .boton_s3 {
    max-width: 200px;
  }

  .boton_s4 {
    max-width: 200px;
  }

  .boton_s5 {
    max-width: 200px;
  }

  .boton_s6 {
    max-width: 200px;
  }

  .seccion_1 {
    background-image: url('/imagen/reporteintegrado2022_bg_s1_resp.png');
    background-position: bottom;
  }

  .tit_secc_1 {
    font-size: 60px;
  }

  .texto_secc_1 {
    font-size: 15px;
  }

  .seccion_2 {
    background-image: url('/imagen/reporteintegrado2022_bg_s2_resp.png');
    background-position: bottom;
  }

  .tit_secc_2 {
    font-size: 60px;
  }

  .texto_secc_2 {
    font-size: 15px;
  }

  .seccion_3 {
    background-image: url('/imagen/reporteintegrado2022_bg_s3_resp.png');
    background-position: bottom;
  }

  .tit_secc_3 {
    font-size: 60px;
  }

  .texto_secc_3 {
    font-size: 15px;
  }

  .seccion_4 {
    background-image: url('/imagen/reporteintegrado2022_bg_s4_resp.png');
    background-position: bottom;
  }

  .tit_secc_4 {
    font-size: 60px;
  }

  .texto_secc_4 {
    font-size: 15px;
  }

  .seccion_5 {
    background-image: url('/imagen/reporteintegrado2022_bg_s5_resp.png');
    background-position: bottom;
  }

  .tit_secc_5 {
    font-size: 60px;
  }

  .texto_secc_5 {
    font-size: 15px;
  }

  .seccion_6 {
    background-image: url('/imagen/reporteintegrado2022_bg_s6_resp.png');
    background-position: bottom;
  }

  .tit_secc_6 {
    font-size: 60px;
  }

  .texto_secc_6 {
    font-size: 15px;
  }

  .texto_secc_1_cont {
    margin-top: 10%;
    margin-bottom: 10%;
    max-width: 100%;
    padding-right: 10%;
  }

  .num_1_s2 {
    font-size: 50px;
  }

  .graf_1_s2 {
    max-width: 200px;
  }

  .num_2_s2 {
    font-size: 50px;
  }

  .num_3_s2 {
    font-size: 50px;
    margin-top: 20%;
  }

  .t_1_s2_resp {
    padding-bottom: 25%;
  }

  .graf_1_s3 {
    max-width: 200px;
  }

  .num_5_s3 {
    font-size: 40px;
  }

  .subtit_4_s3 {
    margin-top: 5%;
  }

  .subtit_6_s3 {
    padding-bottom: 35%;
  }

  .subtit_3_s3 {
    margin-top: 4%;
  }

  .num_1_s4 {
    font-size: 50px;
  }

  .graf_1_s4 {
    max-width: 200px;
  }

  .num_2_s4 {
    font-size: 40px;
  }

  .texto_azul_s4 {
    font-size: 16px;
    padding-bottom: 50%;
  }

  .texto_azul_s4 br {
    display: none;
  }

  .num_1_s5 {
    font-size: 40px;
  }

  .num_4_s5 {
    font-size: 30px;
  }

  .num_5_s5 {
    font-size: 30px;
  }

  .graf_1_s5 {
    max-width: 300px;
    padding-bottom: 50%;
  }

  .num_2_s5 {
    font-size: 40px;
  }

  .num_1_s6 {
    font-size: 60px;
  }

  .num_2_s6 {
    font-size: 34px;
  }

  .subtit_2_s6 {
    margin-top: 2%;
  }

  .num_3_s6 {
    font-size: 40px;
  }

  .graf_1_s6 {
    max-width: 200px;
  }

  .texto_azul_s6 {
    font-size: 16px;
    margin-top: 12%;
    padding-bottom: 60%;
  }

  .texto_azul_2_s6 {
    font-size: 16px;
  }

  .logo_azul {
    max-width: 350px;
  }

  .bot_burguer {
    position: absolute;
    top: 4%;
    right: 2%;
    display: block;
  }

  .bot_burguer img {
    width: 100%;
  }

  .bot_nav {
    margin-top: 2%;
  display: inline-block;
  }

  .bot_menu p {
    font-size: 18px;
  }

  .bot_menu img {
    max-width: 100px;
  }

  .margen_menu {
    margin-top: 5%;
  }

  .tit_nav {
    margin-right: 45px;
    margin-top: 15px;
  }

  .bot_cerrar {
    position: absolute;
    top: 3%;
    right: 2%;
  }

  .bot_cerrar img {
    max-width: 30px;
  }

  .cont_botones_menu a {
    padding: 5px 15px;
    border-radius: 45px;
    display: inline-block;
    min-width: 200px;
    text-decoration: none;
    line-height: 1.2;
    font-size: 12px;
    font-weight: 700;
    margin-right: 5px;
    margin-bottom: 15px;
  }

}


@media (max-width: 500px) { 

  .bot_nav {
    font-size: 9px;
    padding: 6px 5px;
    margin-right: 3px;
  }

  .logo_azul {
    max-width: 290px;
  }

  .tit_nav {
    font-size: 11px;
  }

  .cont_botones_menu a {
    padding: 5px 15px;
    font-size: 10px;
    margin-bottom: 10px;
  }

  .bot_menu p {
    margin-top: 10%;
  }

  .botones_home a {
    margin-bottom: 7px;
  }

  .ico_burguer_rosa {
    max-width: 35px;
  }

  .subtit_2_s1 {
    padding-bottom: 45%;
  }

  .t_1_s2_resp {
    padding-bottom: 35%;
  }

  .tit_secc_1 {
    font-size: 50px;
  }

  .texto_secc_1 {
    font-size: 14px;
  }


  .tit_secc_2 {
    font-size: 50px;
  }

  .texto_secc_2 {
    font-size: 14px;
  }

  .tit_secc_3 {
    font-size: 50px;
  }

  .texto_secc_3 {
    font-size: 14px;
  }


  .tit_secc_4 {
    font-size: 50px;
  }

  .texto_secc_4 {
    font-size: 14px;
  }


  .tit_secc_5 {
    font-size: 50px;
  }

  .texto_secc_5 {
    font-size: 14px;
  }


  .tit_secc_6 {
    font-size: 50px;
  }

  .texto_secc_6 {
    font-size: 14px;
  }

  .ods_secc {
    font-size: 16px;
  }

  .num_1_s3 {
    font-size: 60px;
  }

  .num_2_s3 {
    font-size: 38px;
    margin-top: 20%;
  }

  .num_4_s3 {
    font-size: 40px;
  }

  .subtit_5_s3 br {
    display: none;
  }

  .subtit_6_s3 {
    padding-bottom: 60%;
  }

  .subtit_1_s2 br {
    display: none;
  }

  .subtit_6_s3 br {
    display: none;
  }

  .graf_1_s5 {
    padding-bottom: 70%;
  }

  .num_2_s6 {
    font-size: 30px;
  }

  .num_1_s6 {
    font-size: 50px;
  }

  .num_3_s6 {
    font-size: 20px;
  }

  .subtit_2_s6 {
    font-size: 12px;
  }

  .subtit_2_s6 br {
    display: none;
  }

  .texto_azul_s6 {
    font-size: 14px;
    padding-bottom: 90%;
  }

  .texto_azul_2_s6 {
    font-size: 14px;
  }

}


@media (max-width: 360px) { 

  .bot_menu p {
    font-size: 16px;
  }

  .tit_nav {
    margin-right: 37px;
  }

}