.female-team {
    background-image: url('img/equipo-femenil.webp');
}

.female-team,
.female-team .container-fluid {
    min-height: 200px;
}

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

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

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

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

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

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

.seccion-valores {
    background: white;
}

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

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

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

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

.colaborador {
    background-image: url('img/banner-colaborador.webp');
    min-height: 150px;
}

.triptico {
    background-image: url('img/triptico.webp');
    min-height: 150px;
}

@media (min-width: 375px) {

    .valores-1,
    .valores-2,
    .valores-3 {
        min-height: 400px;
    }


}

@media (min-width: 425px) {

    .colaborador {
        min-height: 200px;
    }

    .triptico {
        min-height: 200px;
    }
}

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


@media (max-width: 767px) {
    .female-team>.container-fluid {
        background: rgba(0, 0, 0, 0.5);
        /* opacidad */
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 768px) {

    .female-team,
    .female-team .container-fluid {
        min-height: 400px;
    }

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

    .seccion-valores {
        background-image: url(img/fondo-mision-valores-vision.webp);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .seccion-valores,
    .seccion-valores .container-fluid,
    .seccion-valores .container-fluid .row,
    .seccion-valores .container-fluid .row .col-12 {
        min-height: 350px;
    }

    /* .w-75 {
        width: 100%;
    } */

    .colaborador {
        min-height: 350px;
    }

    .triptico {
        min-height: 350px;
    }


}

@media (min-width: 992px) {

    .female-team,
    .female-team .container-fluid {
        min-height: 500px;
    }

    .colaborador {
        min-height: 500px;
    }

    .triptico {
        min-height: 500px;
    }

}

@media (min-width: 1200px) {

    .female-team,
    .female-team .container-fluid {
        min-height: 700px;
    }

    .seccion-valores,
    .seccion-valores .container-fluid,
    .seccion-valores .container-fluid .row,
    .seccion-valores .container-fluid .row .col-12 {
        min-height: 420px;
    }

    
    .colaborador {
        min-height: 700px;
    }

    .triptico {
        min-height: 700px;
    }
}

@media (min-width: 1400px) {

    .female-team,
    .female-team .container-fluid {
        min-height: 800px;
    }

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

    
    .colaborador {
        min-height: 800px;
    }

    .triptico {
        min-height: 800px;
    }
}

@media (min-width: 2560px) {

    .female-team,
    .female-team .container-fluid {
        min-height: 1100px;
    }


    .fs-14 {
        font-size: clamp(10px, 1vw, 24px);
    }

    .fs-21 {
        font-size: clamp(13px, 1.5vw, 41px);
    }

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


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

    .seccion-valores,
    .seccion-valores .container-fluid,
    .seccion-valores .container-fluid .row,
    .seccion-valores .container-fluid .row .col-12 {
        min-height: 900px;
    }

    
    .colaborador {
        min-height: 1000px;
    }

    .triptico {
        min-height: 1000px;
    }

}