/* ==========================================================================
   HERO
========================================================================== */

.hero-info h1 {

    font-family: var(--font-sans);

    font-size: var(--size-30);

    font-weight: var(--sans-extrabold);

    line-height: var(--interlineado-muypegado);

    letter-spacing: var(--interletrado-normal);

    color: var(--blanco);

}


.hero-info p {

    font-family: var(--font-sans);

    font-size: var(--size-15);

    font-weight: var(--sans-semibold);

    line-height: var(--interlineado-muypegado);

    letter-spacing: var(--interletrado-normal);

    color: var(--blanco);

    margin-top: var(--espacio-xs);

}

.hero-transicion span{

    font-family: var(--font-sans);

    font-size: var(--size-110);

    font-weight: var(--sans-extrabold);

    line-height: var(--interlineado-sin);

    letter-spacing: var(--interletrado-pegado);

    color: var(--blanco);

}

/* ==========================================================================
   SECCIÓN 01
========================================================================== */

.texto-h2 {
    
    color: var(--magenta);

    font-family: var(--font-sans);

    font-size: var(--size-50);

    font-weight: var(--sans-bold);

    line-height: var(--interlineado-pegado);

    letter-spacing: var(--interletrado-pegado);

}

.texto-subtitulo-serif {
    
    color: var(--magenta);

    font-family: var(--font-serif);

    font-size: var(--size-25);

    font-weight: var(--serif-medium);

    line-height: var(--interlineado-pegado);

    letter-spacing: var(--interletrado-normal);

}

.texto-destacado {

    color: var(--magenta);

    font-family: var(--font-sans);

    font-size: var(--size-15);

    font-weight: var(--sans-regular);

    line-height: var(--interlineado-separado);

}
.texto-destacado strong{

    font-weight: var(--sans-bold);

}

.texto-aclaracion-serif {

    color: var(--blanco);

    font-family: var(--font-serif);

    font-size: var(--size-15);

    font-weight: var(--serif-regular);

    line-height: var(--interlineado-separado);

    letter-spacing: var(--interletrado-normal);

    font-style: italic;

}
.texto-aclaracion-serif strong {

    font-weight: var(--serif-bold);

}
.texto-aclaracion-serif-sinfondo{

    color: var(--magenta);
    font-family: var(--font-serif);

    font-size: var(--size-15);

    font-weight: var(--serif-regular);

    line-height: var(--interlineado-separado);

    letter-spacing: var(--interletrado-normal);

    font-style: italic;


}

.texto-corrido-sans{
    color: var(--magenta);

    font-family: var(--font-sans);

    font-size: var(--size-11);

    font-weight: var(--sans-light);

    line-height: var(--interlineado-muyseparado);

    letter-spacing: var(--interletrado-normal);
}

/* ==========================================================================
   GEN:C
========================================================================== */

.seccion-gen-caja h3{
    font-family: var(--font-sans);

    font-size: var(--size-90);

    font-weight: var(--sans-extrabold);

    line-height: var(--interlineado-muypegado);

    letter-spacing: var(--interletrado-pegado);

    color: var(--blanco);

}
.seccion-gen-caja p.destacado{
    color: var(--blanco);

    font-family: var(--font-sans);

    font-size: var(--size-35);

    font-weight: var(--sans-regular);

    line-height: var(--interlineado-pegado);

    letter-spacing: var(--interletrado-pegado);

}
.seccion-gen-caja p.aclaracion{
    color: var(--blanco);

    font-family: var(--font-serif);

    font-size: var(--size-25);

    font-weight: var(--serif-regular);

    line-height: var(--interlineado-normal);

    letter-spacing: var(--interletrado-normal);

    font-style: italic;

}
.boton{
    color: var(--blanco);

    font-family: var(--font-sans);

    font-size: var(--size-15);

    font-weight: var(--sans-bold);

    line-height: 0.5em;

    text-transform: uppercase;

}

.footer-izquierda h4{
    color: var(--magenta);

    font-family: var(--font-sans);

    font-size: var(--size-45);

    font-weight: var(--serif-bold);

    line-height: var(--interlineado-muypegado);

    letter-spacing: var(--interletrado-normal);
}
.footer-izquierda h4 strong{

    font-weight: var(--serif-black);
}

.footer-izquierda p{
    color: var(--magenta);

    font-family: var(--font-sans);

    font-size: var(--size-15);

    font-weight: var(--sans-medium);

    line-height: var(--interlineado-separado);
}
.footer-izquierda strong{

    font-weight: var(--sans-bold);

}

.footer-izquierda p.subrayado span {

    background: var(--magenta);

    color: var(--blanco);

    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;

}

.footer-concepto-grande {

    color: var(--blanco);

    font-family: var(--font-sans);

    font-size: var(--size-35);

    font-weight: var(--sans-medium);

    line-height: var(--interlineado-muypegado);

    letter-spacing: var(--interletrado-pegado);

}


.footer-concepto-serif {

    margin-top: var(--espacio-l);

    color: var(--blanco);

    font-family: var(--font-serif);

    font-size: var(--size-25);

    font-weight: var(--serif-medium);

    line-height: var(--interlineado-normal);
    letter-spacing: var(--interletrado-normal);

}

.footer-legales {

    color: var(--magenta);

    font-family: var(--font-sans);

    font-size: var(--size-12);

    font-weight: var(--sans-regular);

    text-transform: uppercase;

    margin-top: var(--espacio-l);

}

.cookie-notice-message a {

    color: var(--magenta);

    font-family: var(--font-sans);

    font-weight: var(--sans-extrabold);

    text-decoration: underline;

}

@media (max-width: 900px) {}
@media (max-width: 600px) {

    .hero-info h1 {

        font-size: var(--size-30);
    
    }
    
    
    .hero-info p {
    
        font-size: var(--size-14);
    
    }

    .texto-h2 {
    font-size: var(--size-30);
    
        line-height: var(--interlineado-muypegado);
    
        letter-spacing: var(--interletrado-pegado);
    
    }
    .texto-corrido-sans{
    
        font-size: var(--size-12);
    
        font-weight: var(--sans-regular);

    }

    .seccion-gen-caja h3{
font-size: var(--size-60);
    
    
    }
    .footer-izquierda h4{
       
        font-size: var(--size-35);
    
    }
    .footer-concepto-grande {

    
    
        font-size: var(--size-25);
    
    
    }
    
    
    .footer-concepto-serif { 
        font-size: var(--size-20);
    
    }



}