New Home

.carrossel-wrapper { display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 40px; align-items: flex-start; justify-content: center; } .carrossel-container { width: 100%; max-width: 700px; overflow: hidden; height: 300px; border-radius: 12px; position: relative; } .carrossel-content { display: flex; animation: scrollCarousel 40s linear infinite; } .carrossel-content img { width: 180px; height: 300px; object-fit: cover; flex-shrink: 0; } @keyframes scrollCarousel { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .carrossel-text { width: 100%; max-width: 700px; text-align: center; margin-top: 20px; padding: 0 15px; } .carrossel-text h2 { font-size: 26px; margin-bottom: 10px; color: black; } .carrossel-text p { font-size: 16px; line-height: 1.6; color: black; margin-bottom: 15px; } .saiba-mais-btn { display: inline-block; padding: 10px 20px; background-color: #1a237e; /* Azul escuro */ color: white; font-size: 15px; text-decoration: none; border-radius: 25px; transition: background-color 0.3s ease, transform 0.3s ease; } .saiba-mais-btn:hover { background-color: #0d1568; /* Azul mais escuro */ transform: translateY(-2px); } @media (max-width: 768px) { .carrossel-container { height: 240px; } .carrossel-content img { width: 140px; height: 240px; } .carrossel-text h2 { font-size: 22px; } .carrossel-text p { font-size: 14px; } } @media (max-width: 480px) { .carrossel-container { height: 200px; } .carrossel-content img { width: 120px; height: 200px; } .carrossel-text h2 { font-size: 20px; } .carrossel-text p { font-size: 13px; } .saiba-mais-btn { font-size: 14px; padding: 8px 16px; } }