.contenedorSeccionJeringas {
    position: relative;

}

.contenedorSeccionJeringas :is(h1, h2, h3, h4, h5, h6, p, ul li, span) {
    color: white !important;
    line-height: normal;

}

.contenedorSeccionJeringas .padding100 :is(p, span, ul li, h3, h4) {
    text-wrap: auto;
}


.contenedorSeccionJeringas .contTitulos {
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
    z-index: 2;
}


.contenedorSeccionJeringas .contTitulos .row {
    height: 100%;
}


.contenedorSeccionJeringas ul li {
    font-size: 1.75rem;
}


.imagenFondo1 div,
.imagenFondo2 div,
.imagenFondo3 div,
.imagenFondo4 div {
    position: relative;
    max-width: 1080px;
    z-index: 3;

}

.imagenFondo1,
.imagenFondo2,
.imagenFondo3,
.imagenFondo4 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.contenedorSeccionJeringas .contTitulos .row .col-3 {
    height: 100%;
}





.contenedorSeccionJeringas .imagenFondo1 {
    background-image: url("https://bdvacutainer.bd-ids.com/images/fondos/Tubos BD Microtainer®.png");
    background-color: rgb(6, 10, 61);
    background-position: right top;
    background-size: cover;
}


.contenedorSeccionJeringas .imagenFondo2 {
    background-image: url("https://bdvacutainer.bd-ids.com/images/fondos/BD Microtainer® MAP para proceso automatizado.jpg");
    background-color: rgb(6, 10, 61);
    background-position: right top;
    background-size: cover;
}


.contenedorSeccionJeringas .imagenFondo3 {
    background-image: url("https://bdvacutainer.bd-ids.com/images/fondos/Lancetas BD Microtainer®.jpeg");
    background-color: rgb(6, 10, 61);
    background-position: right top;
    background-size: cover;
}


.contenedorSeccionJeringas .imagenFondo4 {
    background-image: url('https://bdvacutainer.bd-ids.com/images/fondos/BD Quikheel™.jpg');
    background-color: rgb(6, 10, 61);
    background-position: right top;
    background-size: cover;
}






.contenedorSeccionJeringas::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.534);
    /* Gris con 35% de opacidad */
    z-index: 1;
}


.contenedorSeccionJeringas .padding100 {
    padding: 100px;
}

.contenedorSeccionJeringas .padding100 .row {
    padding-top: 100px;
}

.cartaOscura img {
    max-height: 100px;
}

.cartaOscura {
    justify-content: space-evenly;
}












/* Títulos fijos arriba */
.contenedorSeccionJeringas .contTitulos {
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
    z-index: 3;
    /* por encima del overlay y fondos */
}

/* Cada título como "pestaña" */
.contenedorSeccionJeringas .tabTitulo {
    background: #ffffff;
    cursor: pointer;

    transition: background 0.3s ease, color 0.3s ease;
}

.contenedorSeccionJeringas .tabTitulo h3 {
    color: black !important;
}

/* Título activo: fondo transparente */
.contenedorSeccionJeringas .tabTitulo.activo {
    background: transparent;
}

.contenedorSeccionJeringas .tabTitulo.activo h3 {
    color: white !important;
}


/* Secciones de fondo: solo una visible, con animación */
.contenedorSeccionJeringas .seccionFondo {
    display: none;
    /* por defecto ocultas */
    opacity: 0;
    transition: opacity 0.4s ease;
}

.contenedorSeccionJeringas .seccionFondo.activo {
    display: flex;
    /* vuelves a tu layout original */
    opacity: 1;
}