/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on February 5, 2025 */



@font-face {
    font-family: 'barlow_condensedblack';
    src: url('../fuentes/barlowcondensed-black-webfont.woff2') format('woff2'),
         url('../fuentes/barlowcondensed-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face { 
    font-family: 'barlow_condensedbold';
    src: url('../fuentes/barlowcondensed-bold-webfont.woff2') format('woff2'),
         url('../fuentes/barlowcondensed-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
 

@font-face {
    font-family: 'barlow_condensedmedium';
    src: url('../fuentes/barlowcondensed-medium-webfont.woff2') format('woff2'),
         url('../fuentes/barlowcondensed-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal; 
}

@font-face {
    font-family: 'myriad_probold';
    src: url('../fuentes/myriadpro-bold-webfont.woff2') format('woff2'),
         url('../fuentes/myriadpro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'poppinsmedium';
    src: url('../fuentes/poppins-medium-webfont.woff2') format('woff2'),
         url('../fuentes/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

*{ font-family: 'poppinsmedium'}
a{text-decoration: none;}
h2 .t1{ font-family: 'barlow_condensedmedium'; }
h2 .t2{ font-family: 'barlow_condensedblack'; }
h2.tipo-2>span{ display: table; position: relative; }
h2.orientacion-1.tipo-2>span{ margin: 0px 0px 0px auto; }
h2.orientacion-1>span{ text-align: right; }
h2 .punto{ position: absolute; background-color: #0058B5; display: block; }
h2.orientacion-0 .punto{ right: 0px; }
h2.orientacion-1 .punto{ left: 0px; }
h2{ display: table; }

.boton1{ text-align: center; background-color: #0058B5; display: block; border: 0px; cursor: pointer; }
.boton1 span{ color: #FFF; font-family: 'barlow_condensedbold'; font-size: 25px;  }

.frm1 input{ border: 0px; border-bottom: solid 1px #4D4D4D; font-family: 'poppinsmedium'; } 

#contenedor{ overflow-x: hidden; }

@media screen and (min-width: 1200px){  
    h2>span{ font-size: 3vw; line-height: 3vw; }
    h2.orientacion-0.tipo-punto-1 .t1, h2.orientacion-0.tipo-punto-2 .t2{ padding-right: 1.56vw; }    
    h2.orientacion-1.tipo-punto-1 .t1, h2.orientacion-1.tipo-punto-2 .t2{ padding-left: 1.56vw; }
    h2 .punto{ height: 1.15vw; width: 1.15vw;bottom: 0.6vw;  }    
    h2.orientacion-1{ margin: 0px 0 0px auto; }
    .descripcion{ line-height: 1.4vw; font-size: 1vw; } 
    .tipo-1-s2 .descripcion{ width: 30vw; }
    .motivo1, .motivo3{ width: 6vw;  }
    .motivo2{ width: 18.44vw; }
    
    .boton1{ width: 12vw; height: 3.2vw; line-height: 3.2vw; }
    
    .frm1 input{ padding: 0.5vw 1vw; font-size: 1vw; width: calc(100% - 2vw); }
}
 

@media screen and (max-width: 1199px){  
    .descripcion{ line-height: 25px; text-align: justify; width: 90%; }
    h2>span{ font-size: 38px; line-height: 38px; }
    h2.orientacion-0.tipo-punto-1 .t1, h2.orientacion-0.tipo-punto-2 .t2{ padding-right: 30px; }
    h2.orientacion-1.tipo-punto-1 .t1, h2.orientacion-1.tipo-punto-2 .t2{ padding-left: 30px; }
    h2{ margin: auto; width: 90%; }
    h2 .punto{ height: 22px; width: 22px; bottom: 11px;  }
    .motivo1, .motivo2, .motivo3{ width: 50px;  }
    .contenedor-animacion.pa>div{ width: 100%; }
    
    #cabecera .a>div{ position: relative; }
    
    .boton1{ width: 179px; height: 47px; line-height: 47px; }
    
    .frm1 input{ padding: 6px 10px; width: calc(100% - 20px);  }
}

h2.tipo-punto-2 .t1 .punto{ display: none; } 
h2.tipo-punto-1 .t2 .punto{ display: none; } 

section{ overflow: hidden; position: relative; }


.oculto .animar-texto{  margin-top: -100vh; }
.oculto .animar-img{  margin-top: 100vh; }
.contenedor-animacion>div{ display: table; } 
.contenedor-animacion.centrar-2.pa>div{ left: 50%; }
.contenedor-animacion.pa>div{ position: absolute; }
.contenedor-animacion.pa{ position: relative; }



.boton-enlace{ border: solid 2px; display: table; }
.boton-enlace div{ font-family: 'barlow_condensedmedium'; }
.boton-enlace>div{ display: table-cell; }
.boton-enlace .flecha{ border-left: solid 2px; background-repeat: no-repeat; background-position: center center; }

.boton-enlace.verde div{ color: #FFF;  }
.boton-enlace.verde{ border-color: #B4D81A; }
.boton-enlace.verde .flecha{ border-left-color: #B4D81A; background-image: url(../img/der.svg); }

.boton-enlace.azul{ border-color: #0058B5; }
.boton-enlace.azul .flecha{ border-left-color: #0058B5; background-image: url(../img/derAzul.svg); }

@media screen and (min-width: 1200px){  
    .boton-enlace .flecha{ background-size: 0.88vw; }
    .boton-enlace{ height: 2.08vw; margin-top: 3.43vw; }
    .boton-enlace .txt{ line-height: 2.5vw; }  
    .boton-enlace .txt{ padding: 0px 1.62vw; }  
    .boton-enlace>div{ width: 2.12vw; }
    .boton-enlace .txt{ font-size: 1.45vw;  }  
}

@media screen and (max-width: 1199px){  
    .boton-enlace .flecha{ background-size: 14px; }
    .boton-enlace{ height: 40px; margin-top: 55px; margin-left: 5%; }
    .boton-enlace{ height: 40px;  }
    .boton-enlace .txt{ line-height: 40px; }  
    .boton-enlace .txt{ padding: 0px 26px; }  
    .boton-enlace>div{ width: 34px; }
    .contenedor-animacion.pa>div{ z-index: 11; }
}

.motivo1, .motivo2, .motivo3{ position: absolute; z-index: 10; }
.motivo1, .motivo2{ left: 0px; }
.motivo3{ right: 0px; }