.hero-video-container {
    display: grid;
    grid-template-areas: "hero-stack";
    position: relative;
    width: 100%;
    min-height: 60vh;
    overflow: hidden;
}

.hero-video,
.hero-overlay,
.hero-content {
    grid-area: hero-stack;
    width: 100%;
    height: 100%;
}

.hero-video {
    object-fit: cover;
    object-position: center;
}

.hero-overlay {
    /* background: rgba(0, 0, 0, 0.4); */
    z-index: 1;
}

.hero-content {
    z-index: 2;
    padding-bottom: clamp(2rem, 5vh, 5rem);
}

.fondo_marfil {
    background: #F8F7F4;
}

.ajusta_alto {
    height: 100%;
}

.mal_espaciado {
    letter-spacing: 0.1em;
}