@media (max-width: 575.98px) {
    .honorarios-section {
        flex-direction: column;
    }

    #honorarios-section, .text-honorarios {
        height: auto;
    }

    .wrap-text-honorarios {
        padding: 4rem 2rem 4rem 2rem;
        width: auto;
    }

    .wrap-text-honorarios h1 {
        font-size: clamp(1.5rem, 1.66vw, 2rem);
    }

    .wrap-text-honorarios h2 {
        font-size: clamp(1.1rem, 1.16vw, 1.4rem);
    }

    .wrap-text-honorarios p {
        font-size: clamp(1rem, 1vw, 1.2rem);
        padding-top: 3rem;
    }

    .como-funciona-honorarios {
        padding: 3rem 2rem 3rem 2rem;
        gap: 3rem;
    }

    .wrap-como-funciona-honorarios ul li, 
    .wrap-como-funciona-honorarios p {
        font-size: clamp(1rem, 1vw, 1.2rem);
    }

    .wrap-como-funciona-honorarios h1 {
        font-size: clamp(1.2rem, 1vw, 1.2rem);
    }

    .btn-honorarios button {
        padding: 1rem 1rem;
        font-size: clamp(0.8rem, 1.35vw, 1.62rem);
    }
}



@media (min-width: 576px) and (max-width: 767.98px) {
    .honorarios-section {
        flex-direction: column;
    }

    #honorarios-section, .text-honorarios {
        height: auto;
    }

    .como-funciona-honorarios {
        padding: 4rem 4rem 4rem 4rem;
        gap: 3rem;
    }

    .wrap-text-honorarios {
        padding: 4rem 4rem 4rem 4rem;
        width: auto;
    }

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

    .wrap-text-honorarios h2 {
        font-size: clamp(1.6rem, 1.66vw, 2rem);
    }
}



@media (min-width: 768px) and (max-width: 991.98px) {
    .honorarios-section {
        flex-direction: column;
    }

    #honorarios-section, .text-honorarios {
        height: auto;
    }

    .wrap-text-honorarios {
        padding: 4rem 4.5rem 4rem 4.5rem;
        width: auto;
    }

    .como-funciona-honorarios {
        padding: 4rem 4rem 4rem 4rem;
        gap: 3rem;
    }
}



@media (min-width: 992px) and (max-width: 1199.98px) {
    .btn-honorarios button {
        padding: 1.2rem 1.5rem;
        font-size: clamp(0.8rem, 1.35vw, 1.62rem);
    }

    .wrap-text-honorarios {
        padding: 4rem 3rem 4rem 4rem;
    }

    #honorarios-section, .text-honorarios {
        height: auto;
    }

    .wrap-text-honorarios h1 {
        font-size: clamp(2rem, 2.08vw, 2.5rem);
    }

    .wrap-text-honorarios h2 {
        font-size: clamp(1.4rem, 1.5vw, 1.8rem);
    }

    .wrap-text-honorarios p {
        font-size: clamp(1.2rem, 1.08vw, 1.3rem);
    }

    .como-funciona-honorarios {
        padding: 3rem 2.5rem 3rem 2rem;
        gap: 3rem;
    }

    .wrap-como-funciona-honorarios ul li, 
    .wrap-como-funciona-honorarios p {
        font-size: clamp(1rem, 1vw, 1.2rem);
    }

    .wrap-como-funciona-honorarios h1 {
        font-size: clamp(1.2rem, 1vw, 1.2rem);
    }
}



@media (min-width: 1200px) and (max-width: 1399.98px) {
    .btn-honorarios button {
        padding: 1.2rem 1.5rem;
        font-size: clamp(0.8rem, 1.35vw, 1.62rem);
    }

    .wrap-text-honorarios {
        padding: 4rem 3rem 4rem 4rem;
    }

    .como-funciona-honorarios {
        padding: 5.313rem 3rem 5.313rem 3rem;
    }

    #honorarios-section, .text-honorarios {
        height: auto;
    }
}



@media (min-width: 1400px) and (max-width: 1800px) {
    .btn-honorarios button {
        padding: 1.2rem 1.5rem;
        font-size: clamp(0.8rem, 1.35vw, 1.62rem);
    }

    #honorarios-section, .text-honorarios {
        height: auto;
    }
}