/***** ES EXTRA STYLES  ******/


#header .desktop-nav a.soon:after, .mobile-menu-bar li a.soon:after {
    content: 'Próximamente';
}

footer .footer .footer-menu li a.soon:after {
    content: 'En breve';
}

section#help-section a.card-info-category.soon:after {
    content: 'Próximamente';
}

.hero-title {
    font-size: clamp(2rem, 3.9vw, 8rem);
    line-height: clamp(2.6rem, 4.5vw, 8.6rem);
}


.hero-subtitle {
    font-size: 1.8vw; 
}


.features-title {
    font-size: 3vw;
    line-height: 3.6vw;
 }  



 @media (max-width: 1100px) {
    section#features .row.mediakit .features-title {
        font-size: 4rem;
        line-height: 4.6rem;
        margin-bottom: 7vh;
    }
}

@media (max-width: 900px) {
    section#features .row.analytics .features-title {
        font-size: 4.2rem;
        line-height: 4.6rem;
    }
}


@media (max-width: 670px) {
    section#features .row.analytics .features-title {
        font-size: 3.8rem;
        line-height: 4.2rem;
    }
}

@media (max-width: 550px) {
    section#features .row.analytics .features-title {
        font-size: 3rem;
        line-height: 3.4rem;
    }
}

@media (max-width: 450px) {
    section#features .row.analytics .features-title {
        font-size: 2.2rem;
        line-height: 2.6rem;
    }
    .analytics-text {
    padding-top: 8vw;
}
}


@media (max-width: 1100px) {
    section#hero-section .hero-title {
        font-size: 5.2rem;
        line-height: 5.8rem;
    }
}

@media (max-width: 700px) {
    section#hero-section .hero-title {
        font-size: 3.4rem;
        line-height: 3.8rem;
    }
}

@media (max-width: 450px) {
    section#hero-section .hero-title {
        font-size: 2.6rem;
        line-height: 3.2rem;
    }
    section#hero-section .hero-subtitle {
        font-size: 1.4rem;
    }
}