/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .ays-hero {
        min-height: 650px;
    }


    .ays-hero-text {
        top: 10%;
        left: 6%;

        width: 88%;
    }


    .ays-hero-text .hero-title {
        font-size: clamp(60px, 8vw, 85px);
    }


    .ays-hero-text .hero-tagline {
        font-size: 22px;
    }


    .ays-hero-svg {
        left: 4%;
        width: 92%;
        bottom: 6%;
    }

}


/* =========================================================
   RESPONSIVE — MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .ays-hero {
        height: 100svh;
        min-height: 650px;
    }


    .ays-hero-text {

        top: 20%;
        left: 7%;

        width: 86%;
    }


    .ays-hero-text .hero-title {

        font-size: clamp(52px, 14vw, 75px);
        line-height: 0.95;
    }


    .ays-hero-text .hero-tagline {

        margin-top: 28px;
        font-size: 17px;
        line-height: 1.3;
    }


    .ays-hero-text .hero-tagline br {
        display: none;
    }


    .ays-hero-svg {

        right: 15%;

        width: 110%;
        max-width: none;

        bottom: 15%;
        transform: translateX(-15%);
    }


    .ays-hero::before {

        top: 12px;

        left: 2%;
        right: 2%;

        height: 3px;
    }

}