.fs-18 {
    font-size: clamp(10px, 1.8vw, 30px);
}

.fs-22 {
    font-size: clamp(10px, 1.8vw, 35px);
}

.fs-23 {
    font-size: clamp(11px, 2vw, 37px);
}

.fs-32 {
    font-size: clamp(15px, 2.8vw, 50px);
}

.fs-36 {
    font-size: clamp(18px, 2.8vw, 55px);
}

.fs-41 {
    font-size: clamp(20px, 3.2vw, 63px);
}

.fs-46 {
    font-size: clamp(22px, 3.8vw, 70px);
}

.texto-triturador {
    height: 30px;
}

.convierte-basura {
    background-image: url('img/recuado-textura-madera.webp');
}

.convierte-basura,
.convierte-basura .container,
.convierte-basura .container .row,
.convierte-basura .container .row .col-10 {
    min-height: 300px;
}

.recuadro-reduce {
    height: 40px;
}

.max-w-80 {
    max-width: 100%;
}

.hoja-1 {
    background-image: url('img/banner-beneficios-1.webp');
}

.hoja-2 {
    background-image: url('img/banner-beneficios-2.webp');
}

.hoja-3 {
    background-image: url('img/banner-beneficios-3.webp');
}

.hoja-1,
.hoja-2,
.hoja-3 {
    min-height: 300px;
    background-size: contain;
}

.seccion-hojas {
    background: white;
}

@media (min-width: 375px) {
    .max-w-80 {
        max-width: 80%;
    }

    .hoja-1,
    .hoja-2,
    .hoja-3 {
        min-height: 320px;
    }
}

@media (min-width: 425px) {
    .max-w-80 {
        max-width: 70%;
    }

    .hoja-1,
    .hoja-2,
    .hoja-3 {
        min-height: 370px;
    }
}

@media (min-width: 576px) {
    .max-w-80 {
        max-width: 70%;
    }

    .hoja-1,
    .hoja-2,
    .hoja-3 {
        min-height: 500px;
    }

}

@media (min-width: 768px) {
    .max-w-80 {
        max-width: 90%;
    }

    .texto-triturador {
        height: 60px;
    }


    .convierte-basura,
    .convierte-basura .container,
    .convierte-basura .container .row,
    .convierte-basura .container .row .col-10 {
        min-height: 380px;
    }

    .recuadro-reduce {
        height: 60px;
    }

    .hoja-1,
    .hoja-2,
    .hoja-3 {
        background: transparent !important;
        min-height: 0px;
    }

    .seccion-hojas {
        background-image: url(img/banner-beneficios.webp);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .seccion-hojas,
    .seccion-hojas .container-fluid,
    .seccion-hojas .container-fluid .row,
    .seccion-hojas .container-fluid .row .col-9 {
        min-height: 370px;
    }

    .fs-18 {
        font-size: 12px !important;
    }

}

@media (min-width: 992px) {
    .texto-triturador {
        height: 80px;
    }

    .convierte-basura,
    .convierte-basura .container,
    .convierte-basura .container .row,
    .convierte-basura .container .row .col-10 {
        min-height: 500px;
    }

    .recuadro-reduce {
        height: 70px;
    }

    .seccion-hojas,
    .seccion-hojas .container-fluid,
    .seccion-hojas .container-fluid .row,
    .seccion-hojas .container-fluid .row .col-9 {
        min-height: 500px;
    }

    .fs-18 {
        font-size: 16px !important;
    }
}

@media (min-width: 1200px) {

    .texto-triturador {
        height: 110px;
    }

    .convierte-basura,
    .convierte-basura .container,
    .convierte-basura .container .row,
    .convierte-basura .container .row .col-10 {
        min-height: 600px;
    }

    .recuadro-reduce {
        height: 80px;
    }

    .seccion-hojas,
    .seccion-hojas .container-fluid,
    .seccion-hojas .container-fluid .row,
    .seccion-hojas .container-fluid .row .col-9 {
        min-height: 600px;
    }

    .fs-18 {
        font-size: 18px !important;
    }
}

@media (min-width: 1400px) {

    .texto-triturador {
        height: 140px;
    }

    .seccion-hojas,
    .seccion-hojas .container-fluid,
    .seccion-hojas .container-fluid .row,
    .seccion-hojas .container-fluid .row .col-9 {
        min-height: 700px;
    }
}

@media (min-width: 2560px) {

    .texto-triturador {
        height: 180px;
    }

    .recuadro-reduce {
        height: 150px;
    }

    .convierte-basura,
    .convierte-basura .container,
    .convierte-basura .container .row,
    .convierte-basura .container .row .col-10 {
        min-height: 1000px;
    }


    .seccion-hojas,
    .seccion-hojas .container-fluid,
    .seccion-hojas .container-fluid .row,
    .seccion-hojas .container-fluid .row .col-9 {
        min-height: 1300px;
    }

    .fs-18 {
        font-size: 38px !important;
    }
}