.fs-41 {
    font-size: clamp(24px, 3vw, 41px);
}

.fs-38 {
    font-size: clamp(22px, 2.8vw, 38px);
}

.fs-34 {
    font-size: clamp(20px, 2.5vw, 34px);
}

.fs-32 {
    font-size: clamp(18px, 2.3vw, 32px);
}

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

.fs-26 {
    font-size: clamp(16px, 1.9vw, 26px);
}

.fs-24 {
    font-size: clamp(15px, 1.8vw, 24px);
}

.fs-19 {
    font-size: clamp(13px, 1.4vw, 19px);
}

.fs-16 {
    font-size: clamp(12px, 1.2vw, 16px);
}

.fs-12 {
    font-size: clamp(9px, 1vw, 12px);
}

.fs-20 {
    font-size: clamp(14px, 1.5vw, 20px);
}

#venta-tarimas .bg-success {
    background-color: #96c136 !important;
}

#venta-tarimas .bg-E8E9E4 {
    background-color: #E8E9E4;
}

#venta-tarimas .bg-3E3F3As {
    background-color: #3E3F3A;
}

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

.textura-madera {
    height: 900px;
}

.cuadro-recoleccion {
    background-image: url('img/cuadro-recoleccion.webp');
}

.cuadro-tarimas {
    background-image: url('img/cuadro-tarimas.webp');
}

.cuadro-tarimas-r {
    background-image: url('img/cuadro-tarima-reciclada.webp');
}

.cuadro-recoleccion {
    height: 250px;
    background-size: contain;
}

.cuadro-tarimas {
    height: 250px;
    background-size: contain;
}

.cuadro-tarimas-r {
    height: 250px;
    background-size: contain;
}

.pleca-azul {
    background-image: url('img/banner-pleca-azul.webp');
}

.w-75 {
    width: 100% !important;
}

.servicios-log {
    background-image: url('img/banner-servicios-log.webp');
}

.servicios-log {
    min-height: 600px;
}

@media (min-width: 375px) {

    .servicios-log {
        min-height: 500px;
    }
}

@media (min-width: 425px) {
    .textura-madera {
        height: 950px;
    }


    .servicios-log {
        min-height: 450px;
    }
}

@media (min-width: 576px) {}

@media (max-width: 767px) {
    .servicios-log .col-12 {
        background: rgba(0, 0, 0, 0.5);
        /* opacidad */
        width: 100%;
        height: 80%;
    }
}

@media (min-width: 768px) {
    #venta-tarimas .bg-success {
        background: transparent !important;
    }

    #venta-tarimas .bg-E8E9E4 {
        background: transparent !important;
    }

    #venta-tarimas .bg-3E3F3As {
        background: transparent !important;
    }

    .fondo-colores {
        background-image: url('img/fondo-colores.webp');
    }

    .textura-madera {
        height: 500px;
    }

    .pleca-azul,
    .pleca-azul .container-fluid {
        min-height: 540px;
    }

    .w-75 {
        width: 75% !important;
    }

    .servicios-log,
    .servicios-log .container-fluid,
    .servicios-log .container-fluid .row {
        min-height: 500px;
    }

}

@media (min-width: 992px) {
    .textura-madera {
        height: 600px;
    }

    .cuadro-recoleccion {
        height: 300px;
        background-size: contain;
    }

    .cuadro-tarimas {
        height: 300px;
        background-size: contain;
    }

    .cuadro-tarimas-r {
        height: 300px;
        background-size: contain;
    }

    .w-75 {
        width: 100% !important;
    }

    .servicios-log,
    .servicios-log .container-fluid,
    .servicios-log .container-fluid .row {
        min-height: 600px;
    }
}

@media (min-width: 1200px) {

    .fondo-colores {
        min-height: 750px;
    }

    .textura-madera {
        height: 750px;
    }

    .cuadro-recoleccion {
        height: 400px;
        background-size: contain;
    }

    .cuadro-tarimas {
        height: 400px;
        background-size: contain;
    }

    .cuadro-tarimas-r {
        height: 400px;
        background-size: contain;
    }


    .pleca-azul,
    .pleca-azul .container-fluid {
        min-height: 600px;
    }

    .servicios-log,
    .servicios-log .container-fluid,
    .servicios-log .container-fluid .row {
        min-height: 700px;
    }
}

@media (min-width: 1400px) {
    .fondo-colores {
        min-height: 800px;
    }

    .textura-madera {
        height: 850px;
    }

    .cuadro-recoleccion {
        height: 450px;
        background-size: contain;
    }

    .cuadro-tarimas {
        height: 450px;
        background-size: contain;
    }

    .cuadro-tarimas-r {
        height: 450px;
        background-size: contain;
    }


    .pleca-azul,
    .pleca-azul .container-fluid {
        min-height: 700px;
    }

    .servicios-log,
    .servicios-log .container-fluid,
    .servicios-log .container-fluid .row {
        min-height: 800px;
    }
}

@media (min-width: 2560px) {

    .fondo-colores,
    .fondo-colores .container-fluid {
        min-height: 1400px;
    }

    .textura-madera {
        height: 1500px;
    }

    .cuadro-recoleccion {
        height: 800px;
    }

    .cuadro-tarimas {
        height: 800px;
    }

    .cuadro-tarimas-r {
        height: 800px;
    }

    .pleca-azul,
    .pleca-azul .container-fluid,
    .pleca-azul .container-fluid .row {
        min-height: 1200px;
    }

    .servicios-log,
    .servicios-log .container-fluid,
    .servicios-log .container-fluid .row {
        min-height: 1400px;
    }

    .fs-41 {
        font-size: clamp(14px, 3vw, 61px);
    }

    .fs-34 {
        font-size: clamp(14px, 2.5vw, 54px);
    }


    .fs-20 {
        font-size: clamp(14px, 1.5vw, 40px);
    }

    .fs-24 {
        font-size: clamp(15px, 1.8vw, 44px);
    }

    .fs-19 {
        font-size: clamp(13px, 1.4vw, 39px);
    }

    .fs-16 {
        font-size: clamp(12px, 1.2vw, 36px);
    }

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

    .fs-26 {
        font-size: clamp(16px, 1.9vw, 46px);
    }

    .fs-12 {
        font-size: clamp(9px, 1vw, 22px);
    }

}