body {
    padding-top: 56px; /* Espacio para la navbar fija */
}

.min-vh-100 {
    min-height: 100vh;
}

/* Ajustes de color para secciones */
#inicio.bg-danger {
    background-color: #dc3545 !important; /* Rojo de Bootstrap */
}

#sobre-nosotros.bg-dark {
    background-color: #212529 !important; /* Negro de Bootstrap */
}

/* #nuestros-clientes background is now handled by video */
#nuestros-clientes.bg-danger {
    background-color: transparent !important; /* Rojo de Bootstrap */
}

#contacto.bg-dark {
    background-color: #212529 !important; /* Negro de Bootstrap */
}

.background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Overlay oscuro para mejor contraste */
    z-index: 1;
}

/* Ensure content over video is visible */
#inicio .container {
    position: relative;
    z-index: 2;
}

/* Remove initial background color on #inicio as video will cover it */
#inicio.bg-danger {
    background-color: transparent !important;
}