:root {
--bs-bg-body: #ffffff;

--bs-color-blanco:#ffffff;

--bs-color-ama1:#FCFAD6;
--bs-color-ama2:#F8F3A7;
--bs-color-ama3:#F2EC6A;
--bs-color-ama4:#F7E455; /*oficial*/
--bs-color-ama5:#F0D30D;
--bs-color-ama6:#F9CF01;


--bs-color-gris1:#E8E8E8;
--bs-color-gris2:#ADB0B6;
--bs-color-gris3:#878C94; /*oficial*/
--bs-color-gris4:#818181;
--bs-color-gris5:#666666;
--bs-color-gris6:#575757;

--bs-color-azul1:#ECF8F9;
--bs-color-azul2:#158cba;
--bs-color-azul3:#2779AA; /*oficial*/
--bs-color-azul4:#22619F;
--bs-color-azul5:#005279;
--bs-color-azul6:#003366;
--bs-color-azul7:#002463;


--bs-bg-blanco:#ffffff;

--bs-bg-ama1:#FCFAD6;
--bs-bg-ama2:#F8F3A7;
--bs-bg-ama3:#F2EC6A;
--bs-bg-ama4:#F7E455; /*oficial*/
--bs-bg-ama5:#F0D30D;
--bs-bg-ama6:#F9CF01;

/*--bs-bg-gris0:#FCFCFC;*/
--bs-bg-gris0:#F5F5F5;
--bs-bg-gris1:#E8E8E8;
--bs-bg-gris2:#ADB0B6;
--bs-bg-gris3:#878C94; /*oficial*/
--bs-bg-gris4:#818181;
--bs-bg-gris5:#666666;
--bs-bg-gris6:#575757;

--bs-bg-azul1:#ECF8F9;
--bs-bg-azul2:#158cba;
--bs-bg-azul3:#2779AA; /*oficial*/
--bs-bg-azul4:#22619F;
--bs-bg-azul5:#005279;
--bs-bg-azul6:#003366;
--bs-bg-azul7:#002463;

--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;

}




/*----------------------------------------contenedor------------------------------------*/
body{
background-color:var(--bs-bg-body);
color:var(--bs-bg-gris6);
}

.cont_comp{
    padding-right: 0px !important;
    padding-left: 0px !important;

}

/*----------------------------------------contenedor------------------------------------*/

/*----------------------------------------background------------------------------------*/
.bg-amarillo1{
    background-color: var(--bs-bg-ama1);
}
.bg-amarillo2{
	background-color: var(--bs-bg-ama2);
}
.bg-amarillo3{
	background-color: var(--bs-bg-ama3);
}
.bg-amarillo4{
	background-color: var(--bs-bg-ama4);
}
.bg-amarillo5{
	background-color: var(--bs-bg-ama5);
}
.bg-amarillo6{
	background-color: var(--bs-bg-ama6);
}

.bg-gris0{
  background-color: var(--bs-bg-gris0);
}

.bg-gris1{
	background-color: var(--bs-bg-gris1);
}
.bg-gris2{
	background-color: var(--bs-bg-gris2);
}
.bg-gris3{
	background-color: var(--bs-bg-gris3);
}
.bg-gris4{
	background-color: var(--bs-bg-gris4);
}
.bg-gris5{
	background-color: var(--bs-bg-gris5);
}
.bg-gris6{
	background-color: var(--bs-bg-gris6);
}

.bg-azul1{
  background-color: var(--bs-bg-azul1);
}
.bg-azul2{
  background-color: var(--bs-bg-azul2);
}
.bg-azul3{
  background-color: var(--bs-bg-azul3);
}
.bg-azul4{
  background-color: var(--bs-bg-azul4);
}
.bg-azul5{
  background-color: var(--bs-bg-azul5);
}
.bg-azul6{
  background-color: var(--bs-bg-azul6);
}
.bg-azul7{
  background-color: var(--bs-bg-azul7);
}

.bg-blanco{
    background-color: var(--bs-bg-blanco);
}
.bg-light{
  background-color: var(--bs-bg-gris6) !important;

}
.bg-fondo{
  background-image: url("../img/fondo.png");
  
}
.bg-fondo-gris{
  background-image: url("../img/fondo_gris.png");
}
footer {
    /*background-color: #575757;*/
    background-color: var(--bs-bg-gris6);

    color: var(--bs-color-blanco);
    font-size: 1.1em!important;
}

.subfooter1{
  border-right: 2px solid #F9CF01 ;

}
.subfooter2{
  background-image: url("../img/fondo_footer.png");
  background-repeat: no-repeat;
  background-position: right;
  height: 50px;
  /*border: 2px solid #F9CF01 ;*/
}

.subfooter2 .fa-inverse{  
color: var(--bs-bg-blanco);
}
.fondo_enc{
  /*background-image: url(../img/fondo_enc5.png);
  margin-top: -215px;*/
  background-image: url(../img/fondo_enc.png);
  margin-top: -225px;
  background-repeat: no-repeat;
  
  height: 250px;

}
.fondo_subenc{
  background-image: url(../img/fondo_enc9.png);
  background-repeat: no-repeat;
  margin-top: -110px;
  height: 120px;

}
.fondo_subenc1{
  background-image: url(../img/fondo_enc10.png);
  background-repeat: no-repeat;
  margin-top: -110px;
  height: 120px;

}
.fondo_imagen{
  background-image: url(../img/fondo_foto_350.png);
  /*background-repeat: no-repeat;*/
  /*width: 350px;
  height: 220px;
  margin-top: -210px;
  margin-left: 50px;*/
}


/*----------------------------------------background------------------------------------*/
/*------------------------------------------texto---------------------------------------*/
.texto-amarillo1{
    color: var(--bs-color-ama1);
}
.texto-amarillo2{
	color: var(--bs-color-ama2);
}
.texto-amarillo3{
	color: var(--bs-color-ama3);
}
.texto-amarillo4{
	color: var(--bs-color-ama4);
}
.texto-amarillo5{
	color: var(--bs-color-ama5);
}
.texto-amarillo6{
	color: var(--bs-color-ama6);
}

.texto-gris1{
	color: var(--bs-color-gris1);
}
.texto-gris2{
	color: var(--bs-color-gris2);
}
.texto-gris3{
	color: var(--bs-color-gris3);
}
.texto-gris4{
	color: var(--bs-color-gris4);
}
.texto-gris5{
	color: var(--bs-color-gri5);
}
.texto-gris6{
	color: var(--bs-color-gris6);
}

.texto-azul1{
  color: var(--bs-color-azul1);
}
.texto-azul2{
  color: var(--bs-color-azul2);
}
.texto-azul3{
  color: var(--bs-color-azul3);
}
.texto-azul4{
  color: var(--bs-color-azul4);
}
.texto-azul5{
  color: var(--bs-color-azul5);
}
.texto-azul6{
  color: var(--bs-color-azul6);
}
.texto-azul7{
  color: var(--bs-color-azul7);
}

.texto-blanco{
    color: var(--bs-bg-blanco);
}
.titulo{
  font-weight: 700!important;
  font-size: 30px;
  font-family: 'Montserrat', sans-serif;
  color: var(--bs-color-gris6) !important;
  text-transform: uppercase;

}
h2{
font-size: 28px;
font-family: 'Montserrat', sans-serif!important;
font-weight: 700!important;
margin-bottom: 40px !important;

}
.h3 {
color: var(--bs-color-azul4) !important;
font-size: 24px;
margin-bottom: 20px !important;
font-family: 'Montserrat', sans-serif!important;
font-weight: 700!important;
padding: 0 0 0 20px;
position: relative;
padding: 0 0 0 20px;
display: inline-block;
background-color: var(--bs-bg-azul1);
padding: 1rem;
/*border: 1px solid var(--bs-bg-azul2)  !important;*/
border-left-width: 0.25rem;
border-radius: 0.25rem;
width: 100%;
text-align: left;

}
.h3 {
    
}
.h3:after {
  background: var(--bs-color-azul4) !important;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.5),0 1px 1px rgba(255,255,255,.3);
    background: #eb5632;
    background-image: linear-gradient(to top,#ec6a33 0,#e93f33 100%);
    background-image: linear-gradient(to top,#e93f33,#ea4b32,#eb5632,#ec6032,#ec6a33);
}

p {

  font-size: 22px !important;
  font-family: 'Montserrat', sans-serif!important;
}


.color-box {
    margin: 20px 0;
    padding-left: 20px;
    position: relative;
    margin-bottom: 40px!important;
}
.color-box .shadow {
    margin: 0;
}
.shadow {
    /*background: #F7F8F9;*/
    /*padding: 3px;*/
    margin: 15px 0 20px;
}
.note-box,.warning-box,.tip-box{padding:15px 15px 2px 28px}
.tip-icon {
    background: var(--bs-bg-ama4) !important;
}
.info-tab {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 0;
}
.tip-box {
    color: var(--bs-color-azul4);
    background: var(--bs-bg-ama1) !important;
    font-size: 32px;
font-family: 'Montserrat', sans-serif!important;
font-weight: 700!important;
}

.tip-icon i::before {
    background: var(--bs-bg-ama4) !important;

}
.info-tab i::before {
    width: 20px;
    height: 20px;
    box-shadow: inset 12px 0 13px rgba(0,0,0,0.5);
}
.info-tab i::before, .info-tab i::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -15px;
    transform: rotateX(60deg);
}
.info-tab i::after {
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-bottom-color: #fff;
    border-left-color: #fff;
    bottom: -18px;
}
.info-tab::before, .info-tab::after {
    display: inline-block;
    color: #fff;
    line-height: normal;
    /*font-family: "icomoon";*/
    position: absolute;
}
.tip-icon::before {
    font-size: 24px;
    /*content: "\e901";*/
    top: 7px;
    left: 9px;
}





}
.nav-link{
font-size: 14px;

}
.texto-justificado{
  text-align: justify;
  text-justify: inter-word;
}
.texto-12{
  font-size: 12px;
}
.texto-13{
  font-size: 13px;
}
.texto-14{
  font-size: 14px;
}
.texto-15{
  font-size: 15px;
}
.texto-16{
  font-size: 16px;
}
.texto-17{
  font-size: 17px;
}
.texto-18{
  font-size: 18px;
}
.texto-19{
  font-size: 19px;
}
.texto-20{
  font-size: 20px;
}
.texto-21{
  font-size: 21px;
}
.texto-22{
  font-size: 22px;
}
.texto-23{
  font-size: 23px;
}
.texto-24{
  font-size: 24px;
}
.texto-25{
  font-size: 25px;
}
.texto-26{
  font-size: 26px;
}
.texto-27{
  font-size: 27px;
}
.texto-28{
  font-size: 28px;
}
.texto-29{
  font-size: 29px;
}
.texto-30{
  font-size: 30px;
}

/*------------------------------------------texto---------------------------------------*/
/*---------------------------------------nav--------------------------------------------*/
.navbar_transp{
opacity: 0.75 !important;
}
/*-------------------------------------.-nav--------------------------------------------*/

/*-------------------------------------enlaces------------------------------------------*/
  .nav-link{ 
    color:var(--bs-bg-blanco) !important;
  }
  .nav-link:hover{ 
    color:var(--bs-bg-blanco) !important;
    background-color: var(--bs-bg-gris4);
  }
  .nav-item{
   background-color:hover: var(--bs-bg-gris4); 
  }
  a{
    text-decoration: none !important;

  }
  .navbar-toggler{
    background-color: var(--bs-bg-blanco) !important;
  }
/*-------------------------------------enlaces------------------------------------------*/

/*--------------------------------------linea-------------------------------------------*/
.divider {
  position: relative;
  width: 500px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}
.divider:after,
.divider:before {
  content: ' ';
  width: 200px;
  position: absolute;
  border-bottom: dotted 2px var(--bs-bg-gris6);
  top: 50%;
  margin-top: -4px;
}

.divider:before {
  left: 0;
}

.divider:after {
  right: 0;
}

.divider.dark:after,
.divider.dark:before {
  border-color: var(--bs-bg-gris6);
}

.divider > i {
    color: var(--bs-bg-gris6);
    font-size: 40px;
}

.separator_tit {
    height: 2px;
    width: 200px;
    margin: auto;
    /*background: var(--bs-bg-azul4);*/
}

.hr-color {
  color: var(--bs-bg-ama6);
    background-color: var(--bs-bg-ama6);
    height: 3px;
    width: 400px;
    /*border: 2px solid #F9CF01 ;*/
}

/*--------------------------------------linea-------------------------------------------*/
/*-----------------------------------imagenes-------------------------------------------*/
  .portada{
    width: 100%;
    height: 50vh;
    object-fit: cover;
    background-size: cover;
    background: transparent;

  }
.cont:hover .imagen {
  -webkit-transform:scale(1.3);
  transform:scale(1.3);
  transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
  }
.cont {
  overflow:hidden;
}

/*-----------------------------------imagenes-------------------------------------------*/
/*-------------------------------------------card---------------------------------------*/
.card1,.car2 {
    font-weight: 300;
    
    /*-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.20), 0 2px 10px 0 rgba(0,0,0,0.20);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.20), 0 2px 10px 0 rgba(0,0,0,0.20);*/
}
.card1 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--bs-bg-gris6);
    /*background-clip: border-box;
    border: 1px solid rgba(0,0,0,0.005);*/
    border: 1px solid var(--bs-bg-gris2);
    border-radius: .25rem;
    /*height:400px;*/
    margin-top:20px
}
.card2 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--bs-bg-gris4);
    /*background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);*/
    border-radius: .25rem;
    /*height:400px;*/
    margin-top:10px
}
.testimonial-card .card-up {
    height: 80px;
    overflow: hidden;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.blue.lighten-2 {
    background-color: var(--bs-bg-blanco) !important;
    }    
.teal.lighten-2 {
    /*background-color: #336699 !important;*/
    background-color: var(--bs-bg-blanco) !important;
}

.testimonial-card .avatar {
    width: 160px;
    height: 160px;
    margin-top: -60px;
    overflow: hidden;
    border: 5px solid #ffffff;
    border-radius: 50%;
    background-color: var(--bs-bg-gris4) !important;
    text-align:center;
    padding-top: 20px;
}
.testimonial-card .avatar1 {
    width: 160px;
    height: 160px;
    margin-top: -60px;
    overflow: hidden;
    border: 5px solid #ffffff;
    border-radius: 50%;
    background-color: var(--bs-bg-gris2) !important;
    text-align:center;
    padding-top: 20px;
}
.card_body_enlace{
  height: 60px;
  padding-top: 10px;
}
.userfotog {
  height: 100px;
  width: 170px;
  border-radius: 50%;}

  .texto_enl_int{
  font-size: 15px;
  color: var(--bs-bg-blanco) !important;
  font-weight: 500!important;
}

/*-------------------------------------------card---------------------------------------*/
/*------------------------------------------card1---------------------------------------*/

.box-services {
  position: relative;
  margin-bottom: 70px;
}
.box-services .icon {
  margin-bottom: 20px;
}
.box-services .icon span {
  width: 130px;
  height: 130px;
  display: inline-block;
  position: relative;
  border: 2px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--bs-bg-gris1);
}
.box-services .icon span i {
  position: absolute;
  left: 0;
  top: 32px;
  right: 0;
  display: block;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 60px;
  color: rgba(0, 0, 0, 0.5);
  color: var(--bs-color-gris6);
  z-index: 1;
}
.box-services .icon span:before {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 0;
  content: '';
  width: 20px;
  height: 20px;
  background: var(--bs-color-ama6);
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.fh5co-post h3 {
  font-size: 20px;
  margin-bottom: 15px;
  color: var(--bs-color-gris6);

}
/*------------------------------------------card2---------------------------------------*/
 .icon-box {
  padding: 30px;
  position: relative;
  overflow: hidden;
  background: var(--bs-bg-gris1);
  box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  z-index: 1;
}

.icon-box::before {
  content: "";
  position: absolute;
  background: var(--bs-bg-gris1);
  right: 0;
  left: 0;
  bottom: 0;
  top: 100%;
  transition: all 0.3s;
  z-index: -1;
}

 .icon-box:hover::before {
  background: var(--bs-bg-gris2);
  top: 0;
  border-radius: 0px;
}

 .icon {
  margin-bottom: 15px;
}

 .icon i {
  font-size: 48px;
  line-height: 1;
  color: var(--bs-bg-ama6);
  transition: all 0.3s ease-in-out;
}

 .title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 20px;
  color: var(--bs-color-gris6);
}



 .description {
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 0;
}

.icon-box:hover .title a,
 .icon-box:hover .description {
  color: #fff;
}

.icon-box:hover .icon i {
  color: #fff;
}

/*------------------------------------------card2---------------------------------------*/
/*----------------------------------------scrollUp--------------------------------------*/
#scrollUp {
    bottom: 50px !important;
}

.scroll-to-top {
    background-color: var(--bs-bg-gris5);
    color: var(--bs-color-blanco) !important;
    display: none;
    width: 50px;
    height: 50px;
    font-size: 25px;
    border-radius: 100%;
    line-height: 50px;
    text-align: center;
    color: #fff;
    position: fixed;
    right: 50px;
    bottom: 60px;
    z-index: 999;
    box-shadow: 0px 1px 2px 0px rgba(90, 91, 95, 0.15);
    transition: all 0.3s ease-in-out;
}

.scroll-to-top:hover,
.scroll-to-top:focus {
    background-color: var(--bs-bg-ama4);
    color: var(--bs-color-gris6) !important;
    box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);
}

/*----------------------------------------scrollUp--------------------------------------*/
.top  {
  padding-top:90px;
  /*height: 100vh;*/
  } 



/*----------------------------------------circulo--------------------------------------*/
.info-icono {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91px;
  flex: 0 0 91px;
  min-width: 91px;
  background-color: var(--bs-bg-azul5);

  margin: auto;
  width: 91px;
  height: 91px;
  line-height: 95px;
  font-size: 40px;
  color: #ffffff;

  border-radius: 50%;
  /*margin-right: 20px; */
}


.sec_numeralia .icon1_border{
    background-color: var(--bs-bg-ama6);
    padding: 10px;
    border-radius: 50%;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    /*position: absolute;*/
    top: 18.6%;
    left: 25%;
    right: 25%;
    margin-bottom: 20px;
}
.sec_numeralia .icon1_border .icon2{
    background-color: var(--bs-bg-ama6);
    border: 2px solid;
    border-color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding-top: 23%;
}
.sec_numeralia .icon1_border .icon2 h3{
    margin-bottom: 5px;
    font-size:1.6rem;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    /*font-family: 'Raleway', sans-serif;*/
    /*font-family: 'Open Sans', sans-serif;*/
    /*font-family: Lato;*/
}
/*----------------------------------------circulo--------------------------------------*/
/*----------------------------------list-------------------------------*/
ul.info-import{
  list-style: none !important;
  padding-left: 1em;
}
ul.info-import li {
font-size: 22px !important;
font-family: 'Montserrat', sans-serif!important;

}
ul.info-import li i {  
  margin-left: -10px;
  margin-right: 8px;
  font-size: 22px !important;

  padding-bottom: 10px;
}

ol li {
font-size: 22px !important;
font-family: 'Montserrat', sans-serif !important;
}
/*----------------------------------list-------------------------------*/
/*----------------------------------testimony-wrap-------------------------------*/
.testimony-wrap {
  display: block;
  position: relative;
  padding-top:30px;
  /*padding: 30px;*/
  border: 1px solid #f5f7f9;
  background: #fff;
  -webkit-box-shadow: 0px 3px 66px -24px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 66px -24px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 66px -24px rgba(0, 0, 0, 0.2); 
}
.testimony-wrap .user-img {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  position: relative;
  margin: 0 auto;
  /*margin-top: -80px; */
}
.testimony-wrap .user-img .quote {
  position: absolute;
  bottom: 10px;
  right: 0;
  width: 60px;
  height: 60px;
  background: var(--bs-color-gris2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%; 
}
.testimony-wrap .user-img .quote i {
  color: #fff; 
}
.testimony-wrap .name {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 0;
  color: var(--bs-color-azul4);
}
.testimony-wrap .position {
  font-size: 17px;
  color: var(--bs-color-gris4); 
}
.testimony-wrap a {
  font-size: 16px;
  color: #8d9db9; 
}
/*----------------------------------testimony-wrap-------------------------------*/
/*----------------------------------staff-------------------------------*/
.staff {
  padding: 25px;
  background: #fff;
  -webkit-box-shadow: 0px 3px 66px -24px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 66px -24px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 66px -24px rgba(0, 0, 0, 0.2); 
}

.staff {
  margin-bottom: 30px; 
}
.staff .info {
  width: calc(100% - 110px); 
}
.staff .info h3 {
  font-size: 20px; 
}
.staff .info h3 a {
  color: #167ce9; 
}
.staff .info span.position {
  display: block;
  margin-bottom: 15px; 
}
.staff .img {
  width: 110px;
  height: 105px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%; 

}
.ftco-social{
  /*padding-left: 50px;*/
  /*margin: auto;*/
}

.ftco-social a {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 2px;
  background: #d0e5fb;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%; 
}
  .ftco-social a span {
    color: #167ce9; }

/*----------------------------------staff-------------------------------*/

.mb-6 {
  margin-bottom: 4.5rem !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-bg-gris3);
}

/*===================================media query=========================================*/
/*=======================================================================================*/

/* sm applies to small devices (landscape phones, less than 768px) */
@media (min-width: 50px) and (max-width: 767.98px) {
  .titulo{
    font-weight: 700!important;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    color: var(--bs-color-gris6) !important;
    text-transform: uppercase;

  }
  footer {
    background-color: var(--bs-bg-gris6);
    /*background-color: yellow;*/
    font-size: 0.8em!important;
    /*box-shadow: 0 6px 20px 10px grey;*/
    width: 100%;
  }

  .subfooter1{
    border-right: none ;
    margin: auto;
    text-align: center;
  }
  .subfooter2{
    background-image: url("../img/fondo_footer-400.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 40px;
    /*border: 2px solid #F9CF01 ;*/
  }
  #subfooter2_1{
  margin-top: 10px !important;
  }

  #subfooter2_2{
  margin-top: -37px !important;
  }
  .scroll-to-top{
  right: 40px;
  }

  .divider {
  position: relative;
  width: 280px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  }
  .divider:after,
  .divider:before {
    content: ' ';
    width: 100px;
    position: absolute;
    border-bottom: dotted 2px var(--bs-bg-gris6);
    top: 50%;
    margin-top: -4px;
  }

  .divider:before {
    left: 0;
  }

  .divider:after {
    right: 0;
  }

  .divider.dark:after,
  .divider.dark:before {
    border-color: var(--bs-bg-gris6);
  }

  .divider > i {
      color: var(--bs-bg-gris6);
      font-size: 40px;
  }
  .fondo_enc{
  /*background-image: url(../img/fondo_enc5.png);
  margin-top: -215px;*/
  background-image: url(../img/fondo_enc-50.png);
  margin-top: -225px;
  background-repeat: no-repeat;
  
  height: 250px;

}
  .fondo_subenc{
  background-image: url(../img/fondo_enc9-50.png);
  margin-top: -100px;
  /*background-repeat: no-repeat;
  margin-top: -110px;
  height: 120px;*/

  }
  .fondo_subenc1{
  background-image: url(../img/fondo_enc10-50.png);
  background-repeat: no-repeat;
  margin-top: -100px;
  height: 120px;

  }

}




/* md applies to small devices (landscape phones, less than 768px) */
@media (min-width: 768px) and (max-width: 991.98px) {
  footer {
    background-color: var(--bs-bg-gris6);
    /*background-color: red;*/
    font-size: 0.8em!important;
   /* box-shadow: 0 6px 20px 10px grey;*/
  }
  .subfooter1{
    border-right: none ;
    
  }

  .subfooter2{
    background-image: url("../img/fondo_footer-576.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 40px;
    /*border: 2px solid #F9CF01 ;*/
  }
  .fondo_subenc{
  background-image: url(../img/fondo_enc9-768.png);
  /*background-repeat: no-repeat;
  margin-top: -110px;
  height: 120px;*/

  }
  .fondo_subenc1{
  background-image: url(../img/fondo_enc10-768.png);
  background-repeat: no-repeat;
  margin-top: -110px;
  height: 120px;

}

}

/*  lg applies to medium devices (tablets, less than 992px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  footer {
    background-color: var(--bs-bg-gris6);
    /*background-color: greenyellow;*/
    font-size: 0.8em!important;
    /*box-shadow: 0 6px 20px 10px grey;*/
  }
  .subfooter1{
    border-right: none ;
  }

  .subfooter2{
    background-image: url("../img/fondo_footer-768.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 45px;
    /*border: 2px solid #F9CF01 ;*/
  }
.fondo_subenc{
  background-image: url(../img/fondo_enc9-992.png);
  /*background-repeat: no-repeat;
  margin-top: -110px;
  height: 120px;*/
  

  }
  .fondo_subenc1{
  background-image: url(../img/fondo_enc10-992.png);
  background-repeat: no-repeat;
  margin-top: -110px;
  height: 120px;

}

}

/* xl applies to large devices (desktops, less than 1200px) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  footer {
    background-color: var(--bs-bg-gris6);
    /*background-color: blue;*/
    font-size: 0.8em!important;
    /*box-shadow: 0 6px 20px 10px grey;*/
  }

  .subfooter2{
    background-image: url("../img/fondo_enc9-992.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 45px;
    /*border: 2px solid #F9CF01 ;*/
  }
  .fondo_subenc{
  background-image: url(../img/fondo_enc9-1200.png);
  /*background-repeat: no-repeat;
  margin-top: -110px;
  height: 120px;*/

  }
  .fondo_subenc1{
  background-image: url(../img/fondo_enc10-1200.png);
  background-repeat: no-repeat;
  margin-top: -110px;
  height: 120px;

}

}

/* xxl applies to x-large devices (large desktops, less than 1400px) */
@media (min-width: 1400px) {
  .fondo_subenc{
  /*background-image: url(../img/fondo_enc9.png);
  background-repeat: no-repeat;
  margin-top: -110px;
  height: 120px;*/

  }
  .fondo_subenc1{
  /*background-image: url(../img/fondo_enc10.png);
  background-repeat: no-repeat;
  margin-top: -110px;
  height: 120px;*/

}
 

}

/*===================================media query=========================================*/
/*=======================================================================================*/

/*style="height: 100vh;*/