@keyframes bounce { 
    0%, 100% { transform: translateY(-25%); } 
    50% { transform: none; } 
}
.animate-bounce { 
    animation: bounce 1s infinite; 
}

@keyframes moveBackground {
    from { background-position: 0 0; }
    to { background-position: 100px 100px; }
}

.bg-cars {
    background-color: #7fd5eb;
	/* #559ecf; */
    /* Imagem de fundo SVG otimizada */
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.2'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

/*DESATIVADO ABAIXO - ATIVAR CASO QUEIRA COLOCAR IMAGEM*/
/*background-image: url('img/bg_cars.jpg'); */
  /* background-repeat: repeat; */
   /* background-size: small; */

}

@keyframes driveRight { 
    from { transform: translateX(-100vw); } 
    to { transform: translateX(100vw); } 
}

@keyframes driveLeft { 
    from { transform: translateX(100vw) scaleX(-1); } 
    to { transform: translateX(-100vw) scaleX(-1); } 
}

.car-anim-1 { 
    animation: driveRight 15s linear infinite; 
    position: fixed; 
    bottom: 10%; 
    left: 0; 
    opacity: 0.8; 
    pointer-events: none; 
}

.car-anim-2 { 
    animation: driveLeft 20s linear infinite; 
    position: fixed; 
    bottom: 25%; 
    right: 0; 
    opacity: 0.6; 
    pointer-events: none; 
}

.car-anim-3 { 
    animation: driveRight 12s linear infinite; 
    position: fixed; 
    bottom: 5%; 
    left: -50px; 
    opacity: 0.9; 
    pointer-events: none; 
    animation-delay: 5s; 
}