/* Banner */
.banner {
    position: fixed; /* Fijar en la parte superior */
    top: 0;  
    left: 0;  
    width: 100%;
    overflow: hidden;  
    background-color: #333;  
    color: rgb(240, 244, 12);  
    white-space: nowrap; 
    padding: 10px 0;  
    z-index: 1000; 
    text-align: center;
}

.scrolling-list {
    display: inline-block;  
    animation: scroll 30s linear infinite; /* Ajusta la duración según sea necesario */
    padding-left: 100%; /* Comienza desde fuera de la vista */
    margin: 0; 
}

.scrolling-list li {
    display: inline;
    padding: 0 50px;
    font-size: 1.5em;
}

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