@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Raleway:wght@400;600&display=swap');
        
        body {
            font-family: 'Raleway', sans-serif;
            background-color: #f8f5f2;
            color: #333;
        }
        
        .hero-gradient {
            background: linear-gradient(135deg, #1a1a1a 0%, #3a3a3a 100%);
        }
        
        .vintage-border {
            border: 8px solid;
            border-image: linear-gradient(45deg, #d4af37, #f0f0f0, #d4af37) 1;
        }
        
        .car-shadow {
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
        }
        
        .timeline-item:not(:last-child)::after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: -20px;
            transform: translateX(-50%);
            width: 2px;
            height: 20px;
            background: #d4af37;
        }
        
        @media (max-width: 768px) {
            .timeline-item:not(:last-child)::after {
                left: 30px;
                transform: none;
            }
        }
          /* Estilo para gradiente do hero section */
        .hero-gradient {
            background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(20, 20, 20, 0.6));
        }
         .hero-gradient {
            background: linear-gradient(135deg, rgba(0, 61, 167, 0.9) 0%, rgba(0, 0, 0, 0.85) 100%);
        }
        
        .timeline-item:not(:last-child)::after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: -20px;
            transform: translateX(-50%);
            width: 2px;
            height: 20px;
            background: linear-gradient(to bottom, #FFD700, rgba(255, 215, 0, 0.3));
        }
        
        .logo-evolution {
            transition: all 0.3s ease;
        }
        
        .logo-evolution:hover {
            transform: scale(1.05);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        
        .floating-btn {
            animation: float 3s ease-in-out infinite;
        }
        
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0px); }
        }

        .text-gold {
            color: #d4af37;
        }
        #bg-gold {
            background-color: #d4af37;
        }
        .fas.fa-book-open.ml-2 {
            margin-left: 0.5rem;
        }
        #legado{
          background-color: #f0f0f0;
          padding: 2rem;
          border-radius: 8px;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          font-family: 'Montserrat', sans-serif;
          color: #1a1a1a;
          p {
            color: #333;
          }
          h2{
            color: #d4af37;
          }
          .fas.fa-trophy.text-4xl.text-white{
             color: #d4af37;
          }
        }