#inicio {
    background-image: url('../img/hero.webp'); /* Ruta de la imagen */
    background-size: cover; /* Hace que la imagen cubra toda la sección */
    background-position: center; /* Centra la imagen en la sección */
    position: relative;
    z-index: 1;
    color: #ffffff; /* Asegura que el texto sea legible */
}
#inicio::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4); /* Color negro con opacidad del 50% */
    z-index: 1;
}
#inicio > div {
    position: relative;
    z-index: 2;
}
nav ul li.relative {
    position: relative;
}

nav ul li .absolute {
    z-index: 1000; /* Un valor alto para asegurar que esté por encima de otros elementos */
    position: absolute; /* Asegura que se mantenga en su lugar respecto al padre */
}
.slider {
    overflow: hidden;
    white-space: nowrap;
}
.slider-content {
    display: inline-block;
    animation: slide 20s linear infinite;
}
@keyframes slide {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}