/***************
Colores
***************/
/* :root {
    --fb-green-color: #468756;
  }
  
  :root {
    --fb-white-color: #fff;
  }
  
  :root {
    --fb-grey-color: #333;
  } */
  :root {
    --fb-backgroudn-color1: #F0F0F0;
  }
  :root {
    --fb-backgroudn-color2: rgba(0, 0, 0, 0.5);
  }

  :root {
    --fb-backgroudn-color3: rgba(0, 0, 0, 0.05);
  }
  :root {
    --fb-backgroudn-color4: rgba(255, 255, 255, 0.7);
  }

 :root {
    --fb-backgroudn-color5:rgba(70, 135, 86, 0.2);
  }
/***************
General
***************/
.historia-caja {
    max-width: 1540px !important;
    margin: auto;
}


.historia-flex{
  display: -ms-flex;
  display: -webkit-box; 
  display: -moz-box; 
  display: -ms-flexbox; 
  display: -webkit-flex;   
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.historia-mt30{
  margin-top: 30px;
}
.historia-mb30{
    margin-bottom: 30px;
}

.historia-mt65{
  margin-top: 65px;
}
.historia-mb65{
    margin-bottom: 65px;
}
.historia-mt100{
  margin-top: 100px;
}
.historia-mb100{
  margin-bottom:100px;
}



.historia_box_blur{
    width:766px;
    height: auto; 
    background-color: var(--fb-backgroudn-color2);
    backdrop-filter: blur(15px);
    border-radius: 15px;
    /* margin-top:135px; */
    padding: 70px 45px 70px 75px;
}



.historia-bloq-box-header {
  display: -ms-flex;
  display: -webkit-box; 
  display: -moz-box; 
  display: -ms-flexbox; 
  display: -webkit-flex; 
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.historia-iconos{
    height: 108px;
    width: auto;
}

#panels .historia-scroll{
  /* padding-right: 60px;   */
     width: 590px;
     height: 445px;
     overflow-x: auto;
}

.historia-scroll {
    padding-right: 60px;  
     width: 640px;
     height: 333px;
     overflow-x: auto;   
 }
 .historia-scroll::-webkit-scrollbar {
     width: 11px;
     background-color: var(--fb-white-color);
     border-radius: 7px;
 }
 
 .historia-scroll::-webkit-scrollbar-thumb {
     width: 7px;
     background-color: var( --fb-green-color);
     border-radius: 4.5px;
     border: 2px solid var(--fb-white-color);
     
 }
 
.historia-scroll p{
     font-size: 16px;
     line-height: 24px;
     margin-top: 0px !important;
     color: var(--fb-white-color);
 }


 




.historia-btn1{
  padding: 18px 65px;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.022em;
  font-family: 'Inter';
 
  display: inline-block;
  text-decoration: none;
  color: var(--fb-white-color);
  background-color: var(--fb-green-color);
  border: 3px solid var(--fb-green-color);
 border-radius: 17px;


}

.historia-btn1:link, .historia-btn1:active, .historia-btn1:focus, .historia-btn1:visited {
  color:var(--fb-white-color); 
  background-color: var(--fb-green-color);
  border: 3px solid var(--fb-green-color);
}
.historia-btn1:hover {
  color:var(--fb-green-color); 
  /* background-color:var(--fb-white-color); */
   border: 3px solid var(--fb-green-color);
   /**/
   -webkit-box-shadow: 0px 10px 15px rgb(0 0 0 / 20%) !important;
    box-shadow: 0px 10px 15px rgb(0 0 0 / 20%) !important;
    transition: all 0.3s linear !important;
}

.historia-btn-fx {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgb(0 0 0 / 0%);
  position: relative;
  background: var(--fb-white-color);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}


.historia-btn-fx:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:var(--fb-white-color);
  border-radius: 14px;
   -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.historia-btn-fx:hover, .historia-btn-fx:focus, .historia-btn-fx:active {
  color:var(--fb-green-color); 
}
.historia-btn-fx:hover:before, .historia-btn-fx:focus:before, .historia-btn-fx:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}


@media (max-width: 1800px){
  .historia-btn1 {
     padding: 17px 63px;
 }
 }

 @media (max-width: 1700px){
  .historia-btn1 {
    padding: 16px 60px;
}
#historia-tab ul#tabs-list li label.panel-label {
  padding: 18px 40px !important;
}

#historia-tab label.panel-label {
  font-size: 18px !important;
}
 }

 
 @media (max-width: 1600px){
  .historia-btn1 {
     padding: 16px 58px;
 }
 }


 @media (max-width: 1500px){

 #historia-tab ul#tabs-list li label.panel-label {
  padding: 14px 40px !important;
}
#historia-tab label.panel-label {
  font-size: 16px !important;
}
#historia-tab ul#tabs-list li {
  margin-right: 30px !important;
}

 }


 @media (max-width: 1440px){
  .historia-btn1{
     padding: 16px 55px;
 }

 }


 @media (max-width: 1280px){
  .historia-btn1{
     padding: 16px 50px;
 }
 }
 @media (max-width: 640px){
  .historia-btn1 {
     padding: 10px 42px;
 }
 }

 @media (max-width: 550px){
    .contenedor-enlaces-ancla {
      gap: 10px;
    }
 }


/***************
Tab
***************/





#historia-tab ul#tabs-list {
	  list-style: none;
	 text-align: center;
	 margin: 0;
	 padding: 0; 
   

  }
  #historia-tab label.panel-label {
  user-select: none;
  display: block;
  width: 100%;
  color:var(--fb-grey-color);
  cursor: pointer;
  background-color: var(--fb-backgroudn-color1);
  transition-property: background-color, color;
  transition-duration: 200ms;
  border-radius: 17px;
  font-family: 'Poppins';
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.022em;
  


}
#historia-tab label.panel-label:hover {
  color: var(--fb-green-color);
}
#historia-tab #panels {
  background-color: var(--fb-backgroudn-color3);
  border-radius: 15px;
}
#historia-tab  #panels .container-tab {
	 margin: 0 auto;
	 width: 100%;
   padding: 100px 100px 55px 100px;
}


#historia-tab #panels section header label.panel-label {
	 padding: 12px 24px;
	 box-sizing: border-box;
}
#historia-tab #panels section main {
	 box-sizing: border-box;
	 max-height: 0;
	 opacity: 0;
	 transition: opacity 600ms;
	 overflow-y: hidden;
}



 @media all and (max-width: 834px) {
  
 #historia-tab #open-nav-label {
		 display: block;
		 position: absolute;
		 top: 0;
		 right: 0;
		 bottom: 0;
		 left: 0;
		 cursor: pointer;
	}
  /*botones radio superiores*/
	#historia-tab  #nav-ctrl:checked ~ #tabs-list #open-nav-label {
		 display: none;
	}
  #historia-tab #close-nav-label {
		 display: block;
		 max-height: 0;
		 overflow-y: hidden;
		 padding: 0px;
		 transition: max-height 200ms;
		 cursor: pointer;
		 text-transform: uppercase;
		
		 		 letter-spacing: 1px;

     /* max-height: 86px; */
       font-size: 17px;
      background-color:var(--fb-green-color);
       color:var(--fb-white-color);
      border-radius: 15px;
       margin-bottom: 10px;
 


	}
  #historia-tab #nav-ctrl:checked ~ #tabs-list #close-nav-label {
    max-height: 86px;
		 opacity: 1;
		 padding: 12px 24px;
	}
  #historia-tab #tabs-list {
		 position: relative;
	}
  #historia-tab #tabs-list label.panel-label {
		 padding: 12px 0;
	}

	 
#historia-tab #panels .container-tab {
		 width: 100%;
     padding: 40px 75px 40px 100px;
	}
  #historia-tab #panels section header {
		 display: block;
	}



}


 @media all and (min-width: 835px) {
  /*menu responsive tab*/
  #historia-tab  ul#tabs-list {
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
    display: -ms-flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex; 
    display: flex;
   /*  justify-content: space-between;
    width: 1150px; */
    height: auto;
    margin-bottom: 25px;
 
   }



  #historia-tab 	 ul#tabs-list {
		 text-align: center;
		 /* border-bottom: 1px solid #dfdfdf; */
	}
	#historia-tab  ul#tabs-list li {
		 display: inline-block;
		 text-align: center;
		 font-size: 0.875em;
     width: auto;
			 position: relative;
     margin-right: 35px;
	}
  #historia-tab ul#tabs-list li:hover {
		 transition: none;
		 border-right: none;
	}

	#historia-tab  ul#tabs-list li label.panel-label {
		 position: relative;
		 padding: 24px 44px;
	}
	#historia-tab  ul#tabs-list li label.panel-label::after {
		 content: "";
		 position: absolute;
		 width: 100%;
		 left: 0;
		 bottom: 100%;
		 background-color:var(--fb-green-color);
		 height: 0;
		 transition-property: height;
		 transition-duration: 200ms;
	}

	#historia-tab  #open-nav-label, #historia-tab  #close-nav-label {
		 display: none;
	}
  #historia-tab  #nav-ctrl {
		 display: none;
	}
}
 @media all and (min-width: 900px) {
	#historia-tab  main {
		 width: 100%;
		 margin: 0 auto;
	}
}
#historia-tab  .panel-radios {

display: none;
  }



#historia-tab  #introduction {
	 width: 90%;
	 margin: 0 auto;
	 padding: 48px 24px;
	 color: var(--fb-white-color)
}
#historia-tab  #introduction h2 {
	 font-weight: 300;
	 text-align: center;
}


/***************
swiper
***************/


#historia-tab .swiper {
    width: 100%;
    height: auto;
    /**/
    overflow: visible;
  }

  #historia-tab .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -ms-flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex; 
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

#historia-tab .col2 .swiper-slide{

  display: -ms-flex;
  display: -webkit-box; 
  display: -moz-box; 
  display: -ms-flexbox; 
  display: -webkit-flex; 
    display: flex;
    justify-content: center;
   }
#historia-tab .swiper-horizontal.swiper-css-mode>.swiper-wrapper{
     border-radius: 15px;
     box-shadow:0px 10px 20px rgba(0, 0, 0, 0.3);
  
   }

#historia-tab  .swiper-pagination{
  margin-top: 30px;
  position: relative;
  height: auto;

  }
  

#historia-tab .swiper-pagination-bullet {
  background: var(--fb-grey-color);
  
}
#historia-tab  .swiper-pagination-bullet-active {
    background: var(--fb-green-color);
}

#historia-tab .swiper-button-next:after, #historia-tab .swiper-button-prev:after {
  font-size: 16px;
  color: var(--fb-white-color);
}

#historia-tab .swiper-button-next, #historia-tab .swiper-rtl, #historia-tab .swiper-button-prev {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(15px);
  padding: 25px;
  border-radius: 100px;
}


#historia-tab .swiper-button-next, #historia-tab .swiper-button-prev {
  top: 42%;
}

#historia-tab .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
}

/***************
Bloque 1
***************/
.historia-bloque1 {
    margin-top: 150px;
    margin-bottom: 65px;
    justify-content: center;
}

.historia-bloque1 > .col1 img {
    width: 650px;
    height: auto;
    position:relative; 
    z-index:11;
    box-shadow: 0px 10px 20px rgba(10, 0, 0, 0.25) ;
 
}
.historia-bloque1 > .col2 {
    width: 1040px;  
    height: auto;  
    margin-top: 65px;
    position:relative; 
    z-index:10;
    background-color: var(--fb-backgroudn-color1);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
    border-radius: 15px;
    margin-left: -160px;
    padding: 80px 105px 80px 255px;
}
h2.historia-bloq1-txt {
    font-weight: 700;
    line-height: 53px ;
    font-size: 40px ;
    letter-spacing: -0.022em;
    color:  var(--fb-grey-color);
    margin: 0.9em 0;
    margin-top: 0;
}
p.historia-bloq1-txt-bold{
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    color:  var(--fb-grey-color);  
    margin: 1.9em 0;
}

p.historia-bloq1-txt{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.03em;
    color:  var(--fb-grey-color);
    margin-bottom: 0px;
    }




/***************
Bloque 2
***************/

.historia-background2{
    /* background-color: blue;  
    height: 930px;*/      
    background-size: cover;
   
    }


.historia-bloq2-box-tit{
   color: var( --fb-white-color);
    font-weight: 700;
    font-size: 45px;
    line-height: 50px;
    margin-left: 35px;
    margin-bottom: 0px;
   
  }


.historia-box-bold{
    color: var( --fb-white-color);
    font-size: 18px;
    line-height: 150%;
    padding-right: 75px;
    margin-top: 0px;
   font-weight: 600;

}




/***************
Bloque 3
***************/
.historia-bloque3{
  margin-top: 120px;
}
.historia-bloque3 > .col1{
  width: 50%;
  height: auto;
  display: -ms-flex;
  display: -webkit-box; 
  display: -moz-box; 
  display: -ms-flexbox; 
  display: -webkit-flex; 
  display: flex;
  margin-bottom: 75px;
}

.historia-bloque3 .icono{
  height: 108px;
  width: auto;
  margin-right: 50px;

}
.historia-bloque3 .col1 h2{
  font-weight: 700;
  font-size: 45px;
  line-height: 60px;
  color: var(--fb-green-color);
  margin: 30px 0px 20px 0px;
}

.historia-bloque3 .text p{
  font-weight: 600;
  
}


.historia-bloque3 .historia-tab{
flex-direction: column;
}


#historia-tab .col-tab{
  display: -ms-flex;
  display: -webkit-box; 
  display: -moz-box; 
  display: -ms-flexbox; 
  display: -webkit-flex; 
  display: flex;
}

#historia-tab .tab-contenido{
  display: -ms-flex;
  display: -webkit-box; 
  display: -moz-box; 
  display: -ms-flexbox; 
  display: -webkit-flex; 
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
}


@media all and (min-width: 1485px) {
  #historia-tab .tab-contenido .col1{

  width: 57%;
  
}
}





#historia-tab .tab-contenido .col2{
  /* width: 585px; */
  width: 43%;
  height: auto;
  margin-top: 16px;
  margin-right: 20px;

}
#historia-tab .hito-txt {
  margin-top: 5px;
}

#historia-tab .hito-txt-bold{
  font-weight: 700;
font-size: 20px;
line-height: 30px;
letter-spacing: -0.022em;
margin-bottom: 0px;
padding-left: 30px;
margin-top: 25px;
color: var(--fb-grey-color);
padding-right: 60px;

}

#historia-tab .hito-txt{
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.03em;
  padding-left: 30px;
  margin-bottom: 20px;
  margin-top: 20px;
  color: var(--fb-grey-color);
  padding-right: 60px;
}

/***************
Bloque 4
***************/
.historia-background4{
       background-size: cover;
    }

.historia-bloque4 {   
  margin-top: 100px;
  margin-bottom: 175px;
  
}

.historia_bloque4-box{
  width: 39%;
  height: auto; 
  background-color: var(--fb-backgroudn-color4);
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
border-radius: 10px;
  padding: 60px 100px 60px 100px;
}

.historia-bloque4 .historia-bloq-box-header {
  display: flow-root;
  align-items: center;
}

p.historia-box-tit {
  font-weight: 700;
  font-size: 22px;
  line-height: 120%;
color: var(--fb-grey-color);
margin-bottom: 10px;
  
   }

  p.historia-bloq4-txt {
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0.03em;
    font-family: 'Inter';
  }



/***************
Responsive
***************/

@media (max-width: 1800px){
  .historia-bloque1 > .col2 {
    margin-left: -150px;
    margin-top: 58px;
    padding: 75px 110px 75px 255px;

}
p.historia-bloq1-txt-bold {
  margin: 1.8em 0;
}
#historia-tab #panels .container-tab {
  padding: 35px 70px 35px 95px;
}

#historia-tab .hito-txt-bold {
  font-size: 18px;
}

#historia-tab .hito-txt {
  font-size: 14px;
}

}

@media (max-width: 1700px){
.historia-bloque1 > .col2 {
    margin-left: -140px;
    margin-top: 55px;
    padding: 70px 80px 70px 235px;
}
h2.historia-bloq1-txt {
  line-height: 45px;
   font-size: 35px;
}

p.historia-bloq1-txt-bold {
  font-size: 16px;
  margin-bottom: 1.7em;
}

p.historia-bloq1-txt {
  font-size: 14px;
}

.historia_box_blur{
  width: 690px;
  padding: 70px 45px 70px 70px;
}

.historia-bloq2-box-tit{
  width: 310px;
  font-size: 25px;
  line-height: 35px;
}
.historia-iconos {
  height: 95px;
}
.historia-scroll {
  height: 305px;
  width: 575px;
}
.historia-box-bold {
  font-size: 16px;
}
.objetivos-scroll p {
  font-size: 14px;
  line-height: 23px;
}
.historia_bloque4-box {
  padding: 60px 85px 60px 85px;
}

.historia-iconos {
  height: 95px;
}

p.historia-bloq4-txt {
  font-size: 14px;
}



}

@media (max-width: 1600px){
  .historia-bloque1 > .col2 {
    margin-left: -130px;
    padding: 65px 70px 65px 225px;
}

#historia-tab #panels .container-tab {
  padding: 30px 65px 35px 80px;
}

.historia-bloque3 .col1 h2 {
  font-size: 40px;
}

#historia-tab .hito-txt-bold {
  font-size: 17px;
}

}

@media (max-width: 1500px){
  .historia-bloque1 > .col2{
    margin-left: -110px;
    padding: 70px 60px 70px 180px;
}
h2.historia-bloq1-txt {
  line-height: 41px;
  font-size: 30px;
}
.historia_box_blur {
  width: 660px;
}
.historia-scroll {
  width: 540px;
}
.historia-scroll {
  height: 240px;
}
.historia-box-bold {
  padding-right: 50px;
}
}

@media (max-width: 1440px){
  .historia-bloque1 > .col2 {
    margin-left: -90px;
    padding: 60px 50px 60px 150px;
}
.historia-background4 {
 background-position: 30% bottom;
 background-repeat: no-repeat;
}
.historia-bloque1 {
  margin-top: 120px;
}

.historia_box_blur {
  width: 625px;
  padding: 60px 40px 60px 60px;
}

.historia-scroll {
  width: 520px;
}

.historia-box-bold {
  padding-right: 50px;
}
#panels .historia-scroll {
  width: 450px;
  height: 300px;
}
.historia_bloque4-box {
    padding: 50px 65px 50px 65px;
}

.historia-iconos {
    height: 80px;
}

p.historia-box-tit {
    font-size: 20px;
}

.historia-mt30 {
    margin-top: 15px;
}
}

@media (max-width: 1280px){
  .historia_box_blur {
    padding: 50px 40px 50px 50px;
}
#panels .historia-scroll {
  width: 400px;
  height: 230px;
}
}





#historia-tab ul#tabs-list li label.panel-label {
  padding: 20px 44px;
}




@media only screen and (max-width: 1486px) and (min-width: 1100px)  {
  #historia-tab .tab-contenido .col1 {
    /* padding-right: 100px; */
    
}
/* #historia-tab .tab-contenido .col2 {
  width: 450px;
 
} */
#historia-tab ul#tabs-list li label.panel-label {
  padding: 14px 24px;
}
}


@media only screen and (max-width: 1100px) and (min-width: 835px)  {
  /* .historia-bloque1 > .col2 {
       padding: 90px 40px 90px 210px;
} */

#historia-tab ul#tabs-list li {
margin-right: 10px;  
}
#historia-tab ul#tabs-list li label.panel-label {
  padding: 14px 24px;
}

#historia-tab .tab-contenido {
  flex-direction: column;
}

#historia-tab .tab-contenido .col1 {
  padding-right: 0px;
  width: 100%;
}


#historia-tab .tab-contenido .col2 {
  width: 550px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

}

@media (max-width: 1100px){
#panels .historia-scroll {
  width: 100%;
  height: auto;
}

}


@media (max-width: 834px){
 .historia-flex{
  display: -ms-flex;
  display: -webkit-box; 
  display: -moz-box; 
  display: -ms-flexbox; 
  display: -webkit-flex;   
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
}
.historia-bloque1 {
    margin-top: 50px;
    margin-bottom: 180px;
}
.historia-bloque1 > .col1 {
  padding-left: 45px;
  padding-right: 45px;
}
.historia-bloque1 > .col1 img {
  width: auto;
}
.historia-bloque1 > .col2 {
  width: auto;
  margin-left: 0px;
  padding: 135px 85px 85px 85px;
  margin-top: -70px;
}
.historia_box_blur {
  width: auto;
  background-color: var( --fb-backgroudn-color3);
  margin-top: 0px;
  backdrop-filter: blur(7px);
}
.historia_box_blur h2, .historia_box_blur p {
  color: var(--fb-grey-color);
}

h2.historia-bloq1-txt {
font-size: 37px;
}
.historia-scroll {
  padding-right: 60px;
 width: auto;
 height: 333px;
}

.historia-iconos{
  filter: brightness(0) saturate(100%) invert(51%) sepia(14%) saturate(1237%) hue-rotate(82deg) brightness(87%) contrast(91%)
}
.historia-background2 {
  background-size: 200%;
  background-position: 80% bottom;
  min-height: 1750px;
  background-repeat: no-repeat;

}

.historia-background3 {
     background-size: 170%;
    background-position: left bottom;
    min-height: 1450px;
    background-repeat: no-repeat;
}

.historia-scroll p {
  color: var(--fb-grey-color) ;
}

.historia-background4 {
  background-size: 170%;
 background-position: right bottom;
 min-height: 1070px;
 background-repeat: no-repeat;
}

.historia-bloque3 > .col1 {
  width: 100%;
}
#historia-tab {
  display: block;
}
#historia-tab .tab-contenido {
   flex-direction: column;
}
#historia-tab .tab-contenido .col1 {
  width: 100%;
}

#historia-tab .tab-contenido .col2 {
  width: auto;
  height: auto;
  margin-top: 50px;
  margin-right: 20px;
  margin-left: 20px;
}
.historia_bloque4-box {
  width: 100%;
}

#historia-tab ul#tabs-list li {
  margin-right: 20px;
}

#historia-tab ul#tabs-list li label.panel-label {
  max-height: 86px;
  height: 50px;
  font-size: 17px;
  line-height: 22px;
  
  margin-bottom:10px;
}



#historia-tab #panels .container-tab {
  padding: 50px 80px 35px 80px;
  }

#historia-tab ul#tabs-list li {
  margin-right: 0px;
}
}





@media (max-width: 550px){
.historia-bloque1 {
      margin-bottom: 70px;
}

  .historia-bloque1 > .col1 {
    padding-left: 20px;
    padding-right: 20px;
}
.historia-bloque1 > .col2 {
  padding: 85px 20px 75px 20px;
}
.historia-bloq1-txt{
  margin-bottom: 0px;
}
h2.historia-bloq1-txt {
  font-size: 25px;
  line-height: 33px;
  letter-spacing: -0.022em;
}  
p.historia-bloq1-txt-bold {
  font-size: 14px;
line-height: 21px;
}
p.historia-bloq1-txt {
  font-size: 14px;
line-height: 21px;
letter-spacing: 0.03em;
}
.historia-iconos {
  height: 63px;
}
.historia-box-tit {
  font-size: 20px;
line-height: 26px;
margin-left: 25px;
}

.historia_box_blur {
  padding: 60px 25px 70px 25px;
}

.historia-box-bold {
  font-size: 16px;
line-height: 150%;
letter-spacing: 0.03em;
padding-right: 0px;
}

.historia-scroll {
    padding-right: 20px;

}
.historia-background2 {
  background-size: 200%;
  background-position: 80% bottom;
  min-height: 1300px;
}
.historia-bloque2 h2 {
  width: auto;
}

.historia-bloq2-box-tit {
  font-size: 30px;
  line-height: 35px;
  margin-left: 25px;
}
.historia-bloque3 {
  margin-top: 20px;
  margin-bottom: 0px;
}
.historia-bloque3 .icono {
  height: 63px;
  width: auto;
  margin-right: 20px;
}

.historia-bloque3 .col1 h2 {
  font-size: 30px;
  line-height: 32px;
  margin: 10px 0px 20px 0px;
}
.historia-background3 {
  background-size: 300%;
  background-position: 17% bottom;
  min-height: 1200px;
}
.historia-bloque3 h2 {
  width: 180px;
}
#historia-tab #panels .container-tab {
  padding: 20px 30px 30px 30px;
  margin-top: 20px;
}




#historia-tab .tab-contenido .col1 {
  width: 100%;
  padding-right: 0px;
  
}
.historia-bloque3 h2 {
  width: 100%;
}

#historia-tab .hito-txt-bold, #historia-tab .hito-txt {
  padding-left: 0px;
}


.historia-bloque4 {
  margin-top: 20px;
  margin-bottom: 0px;
}
.historia-background4 {
  background-size: 300%;
  background-position: 75% bottom;
  min-height: 800px;
}

 
.historia_bloque4-box {
  padding: 20px 30px 30px 30px;
}
.historia-bloque4 .historia-bloq-box-header {
  display: -ms-flex;
  display: -webkit-box; 
  display: -moz-box; 
  display: -ms-flexbox; 
  display: -webkit-flex; 
  display: flex;
  align-items: center;
  margin-bottom: 40px;
 }
 .historia-bloque4 p.historia-box-tit {
  font-size: 20px;
}
 .historia-btn1 {
  padding: 15px 30px;
}
#historia-tab .swiper-button-next, #historia-tab .swiper-button-prev {
  width: 20px !important;
  height: 20px !important;
}

#historia-tab .swiper-button-next, #historia-tab .swiper-rtl, #historia-tab .swiper-button-prev {
  padding: 14px;
}

#historia-tab .swiper-button-next:after, #historia-tab .swiper-button-prev:after {
  font-size: 12px;
}

}



@media (max-width: 390px)  {
  #historia-tab #panels .container-tab {
      padding: 20px 0px 30px 00px;
  }
  
  #historia-tab .tab-contenido .col1 {
    padding-left: 20px;
    padding-right: 20px;
  }
    }



@media (max-width: 380px){
  #historia-tab .swiper-button-next, #historia-tab .swiper-button-prev {
    top: auto; 
    margin-top: 10px;
  }

#historia-tab .swiper-horizontal>.swiper-pagination-bullets, #historia-tab .swiper-pagination-bullets.swiper-pagination-horizontal, #historia-tab  .swiper-pagination-custom, #historia-tab .swiper-pagination-fraction {
  margin-left: auto;
  margin-right: auto;
}

#historia-tab .swiper-pagination {
  margin-top: 70px;
}
}




@media (max-width: 350px){

  #historia-tab #panels .container-tab {
    padding: 0px 0px 0px 0px;
  }
  
  #historia-tab .tab-contenido .col1{
    padding: 0px 20px;
  }
  #historia-tab .tab-contenido .col2 {
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
  }
  

  #historia-tab .swiper-pagination {
    margin-top: 60px;
  }
  .tab-contenido .col1 h2{
    margin-top: 30px; 
  }

}


@media (max-width: 390px){

  .historia-bloque3 .col1 h2 {
    text-align: center;
}
.historia-bloque3 > .col1 {
  flex-direction: column;
}
.historia-bloque3 .icono {
  height: 108px;
  width: auto;
  margin-right: 0px;
}
}





@media (max-width: 300px){
  .historia-iconos {
    height: 53px;
}
.historia-box-tit {
  margin-left: 10px;
  margin-bottom: 0px;
}
.historia-bloque2 h2 {
  width: auto;
  font-size: 22px;
  line-height: 27px;
}
.historia-bloque4 .historia-bloq-box-header {
  margin-bottom: 0px;
}

.historia-bloque3 .col1 h2 {
   margin-top: 70px; 
}
.tab-contenido .col1 h2{
  margin-top: 30px; 
}
p.historia-box-tit {
    font-size: 15px;
}

.historia-background2 {
  min-height: 1300px;

}
  .historia-btn1 {
    font-size: 14px;
}
.historia-bloque4 p.historia-box-tit {
  font-size: 15px;
}

}


@media only screen and (max-width: 550px) and (min-width: 470px)  {
  .historia-iconos {
    height: 76px !important;
} 
}



@media (max-width: 290px){
  #historia-tab .tab-contenido .col1 {
    padding: 0px 10px;
}
  #historia-tab .tab-contenido .col2 {
    margin-right: 10px;
    margin-left: 10px;
}

}




/*navegador*/
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
textarea, select, input, button { 
  outline: none;
}
:focus { 
  outline-color: transparent; 
  outline-style: none;
}