#hero-nosotros {
    position: relative;
    color: var(--color-texto-claro);
    text-align: center;
}

#hero-nosotros::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

#hero-nosotros .hero-slide-grid {
    position: relative;
    z-index: 2;
}