Agropecuaria do Oeste Baiano

<!-- FONTES --> <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;400;500;600;700;800&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <style> /* ===== VARIÁVEIS ===== */ :root { --primary: #2E7D32; --primary-dark: #1B5E20; --primary-light: #4CAF50; --secondary: #F5A623; --dark: #1a2a1f; --gray-800: #2c2c2c; --gray-600: #666; --gray-100: #f5f5f5; --white: #ffffff; --max-width: 1400px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; background: var(--gray-100); color: var(--gray-800); line-height: 1.6; } .container { max-width: var(--max-width); margin: 0 auto; padding: 0 30px; width: 100%; } /* ===== HEADER ===== */ .top-bar { background: var(--dark); color: #ccc; font-size: 13px; padding: 8px 0; } .top-bar-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .social-top a { color: #ccc; margin-left: 15px; transition: color 0.3s; } .social-top a:hover { color: var(--primary-light); } .main-header { background: var(--white); box-shadow: var(--shadow); position: sticky; top: 0; z-index: 1000; } .header-container { display: flex; justify-content: space-between; align-items: center; height: 80px; } .logo { font-size: 28px; font-weight: 800; color: var(--primary); letter-spacing: -1px; } .logo span { color: var(--secondary); font-weight