/* tickets-style.css */
:root {
    --primary-color: #232E35; /* Cinza Sinthonize */
    --accent-color: #F16521; /* Laranja Sinthonize */
    --background-color: #f5f5f7;
    --text-color: #333;
    --light-text-color: #fff;
}
body, html { margin: 0; padding: 0; font-family: 'Nunito', sans-serif; background-color: var(--background-color); color: var(--text-color); line-height: 1.6; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.hero { background-color: var(--primary-color); color: var(--light-text-color); padding: 80px 0; text-align: center; }
.hero h1 { font-size: 3rem; margin-bottom: 20px; font-weight: 800; }
.hero p { font-size: 1.2rem; max-width: 600px; margin: 0 auto 30px auto; }
.cta-buttons { display: flex; justify-content: center; gap: 20px; }
.btn { display: inline-block; padding: 15px 30px; text-decoration: none; border-radius: 30px; font-weight: 700; transition: transform 0.2s ease; }
.btn:hover { transform: translateY(-3px); }
.btn-primary { background-color: var(--accent-color); color: var(--light-text-color); }
.btn-secondary { background-color: #fff; color: var(--primary-color); border: 2px solid var(--primary-color); }
.features { padding: 80px 0; text-align: center; }
.features h2 { font-size: 2.5rem; margin-bottom: 60px; }
.feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; }
.feature-item img { width: 80px; height: 80px; margin-bottom: 20px; }
.feature-item h3 { font-size: 1.5rem; margin-bottom: 10px; }
.synergy { background-color: #fff; padding: 80px 0; text-align: center; }
.synergy-content { max-width: 800px; margin: 0 auto; }
.synergy h2 { font-size: 2.5rem; color: var(--primary-color); margin-bottom: 20px; }
.synergy p { font-size: 1.1rem; margin-bottom: 30px; }
.footer { background-color: var(--primary-color); color: var(--light-text-color); text-align: center; padding: 60px 0; }
.footer h2 { font-size: 2.5rem; margin-bottom: 30px; }
.footer p { margin-top: 40px; font-size: 0.9rem; opacity: 0.7; }
@media (max-width: 768px) { .hero h1, .features h2, .synergy h2, .footer h2 { font-size: 2rem; } }