@media (max-width: 575.98px) {
    .hero-slider {
        padding: 2rem;
    }
    
    .slide h2 {
        font-size: clamp(1.4rem, 2.08vw, 2.5rem);
    }

    .slide p {
        font-size: clamp(1rem, 1.25vw, 1.5rem);
    }

    #hero-section {
        gap: 3rem;
    }
    
    .logo-sobre img {
        width: clamp(15rem, 16.66vw, 20rem);
    }
    
    .wrap-text-sobre {
        padding: 0 1rem;
    }

    .wrap-text-sobre h1 {
        font-size: clamp(1.4rem, 2.5vw, 3rem);
    }

    .wrap-text-sobre p,
    .wrap-text-sobre span#bold {
        font-size: clamp(0.9rem, 1.25vw, 1.5rem);
    }

    .button button {
        padding: 1.1rem 1.5rem;
        font-size: clamp(1.1rem, 1.35vw, 1.62rem);
    }
}



@media (min-width: 576px) and (max-width: 767.98px) {
    .hero-slider {
        padding: 3rem;
    }
    
    .slide h2 {
        font-size: clamp(1.5rem, 2.08vw, 2.5rem);
    }

    .slide p {
        font-size: clamp(1rem, 1.25vw, 1.5rem);
    }

    #hero-section {
        gap: 3rem;
    }
    
    .logo-sobre img {
        width: clamp(20rem, 20.83vw, 25rem);
    }
    
    .wrap-text-sobre {
        padding: 0 3rem;
    }

    .wrap-text-sobre h1 {
        font-size: clamp(1.6rem, 2.5vw, 3rem);
    }

    .wrap-text-sobre p,
    .wrap-text-sobre span#bold {
        font-size: clamp(1rem, 1.25vw, 1.5rem);
    }

    .button button {
        padding: 1.2rem 1.75rem;
    }
}



@media (min-width: 768px) and (max-width: 991.98px) {
    .slide {
        max-width: 50rem;
    }
    
    .slide h2 {
        font-size: clamp(1.7rem, 2.08vw, 2.5rem);
    }

    .slide p {
        font-size: clamp(1.1rem, 1.25vw, 1.5rem);
    }

    #hero-section {
        gap: 3rem;
    }
    
    .logo-sobre img {
        width: clamp(20rem, 20.83vw, 25rem);
    }
    
    .wrap-text-sobre {
        padding: 0 3rem;
    }

    .wrap-text-sobre h1 {
        font-size: clamp(1.6rem, 2.5vw, 3rem);
    }

    .wrap-text-sobre p,
    .wrap-text-sobre span#bold {
        font-size: clamp(1rem, 1.25vw, 1.5rem);
    }

    .button button {
        padding: 1.2rem 1.75rem;
    }
}



@media (min-width: 992px) and (max-width: 1199.98px) {
    .slide h2 {
        font-size: clamp(1.8rem, 2.08vw, 2.5rem);
    }

    .slide p {
        font-size: clamp(1.1rem, 1.25vw, 1.5rem);
    }

    .logo-sobre img {
        width: clamp(25rem, 24.375vw, 29.25rem);
    }

    .wrap-text-sobre {
        padding: 0 4rem;
    }

    .wrap-text-sobre h1 {
        font-size: clamp(1.9rem, 2.5vw, 3rem);
    }

    .wrap-text-sobre p,
    .wrap-text-sobre span#bold {
        font-size: clamp(1rem, 1.25vw, 1.5rem);
    }

    .button button {
        padding: 1.3rem 1.75rem;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .wrap-text-sobre {
        padding: 0 4rem;
    }

    .button button {
        padding: 1.3rem 1.75rem;
    }
}

@media (min-width: 1400px) and (max-width: 1700px) {
    .wrap-text-sobre {
        padding: 0 4rem;
    }
}