/* Catarata Refrativa 2014 - Responsive Styles */

@media (max-width: 768px) {
    .container { padding: 0 15px; }
    .site-header { padding: 1.5rem 0; }
    .logo h1 { font-size: 2rem; }
    .logo .tagline { font-size: 1rem; }
    .main-navigation ul { flex-direction: column; gap: 1rem; margin-top: 1rem; }
    .main-navigation a { padding: 0.6rem 1.2rem; font-size: 1rem; }
    .hero { padding: 3rem 0; min-height: auto; }
    .hero-content { margin-bottom: 2rem; }
    .hero h2 { font-size: 2.5rem; }
    .hero p { font-size: 1.2rem; }
    .hero-image { max-width: 250px; }
    .image-placeholder { height: 150px; font-size: 4rem; }
    .main-content { padding: 2rem 0; }
    .content-section { padding: 2rem 1.5rem; margin-bottom: 2rem; }
    .content-section h2 { font-size: 2.2rem; }
    .content-section h3 { font-size: 1.6rem; margin: 2rem 0 1rem 0; }
    .content-section h3::before { left: -40px; font-size: 1.3rem; }
    .programacao-grid, .palestrantes-grid, .expositores-grid, .arquivos-grid { grid-template-columns: 1fr; gap: 1.5rem; }
    .dia-programacao { padding: 1.5rem; }
    .palestrante-info, .expositor-card, .arquivo-card { padding: 1.5rem; }
    .footer-content { grid-template-columns: 1fr; gap: 2rem; }
    .whatsapp-button { bottom: 1rem; right: 1rem; padding: 1rem 1.5rem; font-size: 0.8rem; }
}