body{
  font-family: "PPRightGrotesk-NarrowMedium";
}

:root {
  --header-height: 80px; /* AJUSTA si cambia */
}



@font-face {
  font-family: "PPRightGroteskNarrowVariable";
  src: 
  url("../fonts/PPRightGroteskNarrowVariable/PPRightGroteskNarrowVariable.woff") format("woff"), /* chrome、firefox */
  url("../fonts/PPRightGroteskNarrowVariable/PPRightGroteskNarrowVariable.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

@font-face {
  font-family: "PPRightGrotesk-NarrowMedium";
  src: 
  url("../fonts/PPRightGrotesk-NarrowMedium/PPRightGrotesk-NarrowMedium.woff") format("woff"), /* chrome、firefox */
  url("../fonts/PPRightGrotesk-NarrowMedium/PPRightGrotesk-NarrowMedium.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

}

@font-face {
  font-family: "TitilliumWebBold";
  src: 
  url("../fonts/TitilliumWebBold/TitilliumWeb-Bold.woff") format("woff"), /* chrome、firefox */
  url("../fonts/TitilliumWebBold/TitilliumWeb-Bold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

}


@font-face {
  font-family: "TitilliumWeb-SemiBold";
  src: 
  url("../fonts/TitilliumWeb-SemiBold/TitilliumWeb-SemiBold.woff") format("woff"), /* chrome、firefox */
  url("../fonts/TitilliumWeb-SemiBold/TitilliumWeb-SemiBold_5.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

}

@font-face {
  font-family: "TitilliumWeb-Regular";
  src: 
  url("../fonts/TitilliumWeb-Regular/TitilliumWeb-Regular.woff") format("woff"), /* chrome、firefox */
  url("../fonts/TitilliumWeb-Regular/TitilliumWeb-Regular.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

}



h1{
	
    font-family: "PPRightGroteskNarrowVariable";
    font-size: 40px;
    line-height: 40px;
}
h2{
	
    font-family: "TitilliumWebBold";
    font-size: 18px;
}
h3{
	
    font-family: "PPRightGroteskNarrowVariable";
    font-size: 22px;
}
h4{
	
    font-family: "TitilliumWeb-SemiBold";
    font-size: 18px;
}


h5{
    font-family: "TitilliumWeb-SemiBold";
    font-size: 14px;
}


p{
  font-family:"TitilliumWeb-Regular" ;
  font-size: 18px;
}

@media(min-width: 768px){
  h1{
    font-size: 56px;
      line-height: 50px;
}
h2{
	
    font-size: 22px;
}

h3{
	

    font-size: 28px;
}
h4{

    font-size: 22px;
}
h5{
    font-size: 16px;
}
p{
  font-size: 22px;
  line-height: 26px;
}
}
@media(min-width: 992px){
    h1{
    font-size: 80px;
     line-height: 70px;
}
h2{
	
    font-size: 24px;
}

h3{
	
    font-size: 32px;
}
h4{

    font-size: 24px;
} 
h5{
    font-size: 18px;
}
p{
  font-size: 24px;
}

  
}

body.modal-open {
  height: 100vh;
  overflow: hidden;
}


/***************************COLORES***********************************/
.color-morado{
  color: #1B1749;
}

.color-red{
  color: #FF383C;
}
.color-white{
  color: #FFFFFF;
  
}
.color-verde{
  color: #5DB900;
  
}
.color-black{
  color: #000000;
  
}
.background-colo-red{
  background-color:  #FF383C;

}

¡

/***************************BOTON***************************************/
/**********************************************************************/
.boton .enlace{
  max-width: 50%;
  margin: 0 auto;
 }
@media (min-width: 991px) {
  .boton .enlace{
    max-width: 75%;
    margin: 0 0px;
   }
  
}


/***************************ICONO TEXTO***********************************/