#textbienvenido {
    color: #1a4876 !important;
}

#nameapp {
    color: #1a4876 !important;
}

html, body {
    overflow-x: hidden; /* Evita desplazamiento horizontal */
    max-width: 100%; /* Asegura que los elementos no se extiendan más del ancho */
}

.container {
    width: 100%; /* Asegura que el contenedor se ajuste al ancho de la pantalla */
    max-width: 100%;
}

img {
    max-width: 100%; /* Evita que las imágenes sean más grandes que el contenedor */
    height: auto;
}


@keyframes desplazamiento {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.marquesina {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    animation: desplazamiento 15s linear infinite;
}

    .marquesina img {
        width: 100px;
        height: 90px;
        margin-right: 10px;
    }



/* Marquesina con carrusel responsivo */
.carousel-item img {
    width: 100%;
    max-width: 150px;
    height: auto;
    margin: auto;
}