/* =========================================================
   AGROMAR — Responsive Stylesheet
   Breakpoints: tablet <= 1024px, mobile <= 640px
   ========================================================= */

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
  :root { --container-padding: 40px; }

  .hero { min-height: auto; padding: 140px 0 80px; }
  .hero-content { grid-template-columns: 1fr; }
  .hero-title { font-size: 56px; }
  .hero-points { margin-top: 20px; }

  .tifton-grid { grid-template-columns: 1fr; gap: 56px; }
  .tifton-media { max-width: 420px; margin: 0 auto; }
  .section-title { font-size: 44px; }

  .sustain-grid { grid-template-columns: 1fr; gap: 40px; }
  .sustain-cards { grid-template-columns: repeat(2, 1fr); }

  .reasons-grid { grid-template-columns: repeat(3, 1fr); gap: 40px 24px; }

  .cta-section { flex-direction: column; margin: 0 40px 80px; }
  .cta-media { min-height: 280px; }
  .cta-panel { padding: 48px 40px; }

  .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
}

/* ---------- Mobile navigation ---------- */
@media (max-width: 900px) {
  .nav-toggle { display: flex; }
  .nav-list {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: min(300px, 80vw);
    background: #10140dee;
    backdrop-filter: blur(16px);
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 28px;
    padding: 40px;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    z-index: 40;
  }
  .nav-list.open { transform: translateX(0); }
  .btn-header { display: none; }
}

/* ---------- Mobile ---------- */
@media (max-width: 640px) {
  :root { --container-padding: 20px; }

  .site-header { padding: 22px 20px; }
  .logo-text { font-size: 30px; }
  .logo-icon { width: 64px; height: 64px; }

  .hero { padding: 120px 0 60px; }
  .hero-title { font-size: 38px; }
  .hero-subtitle { font-size: 16px; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn { justify-content: center; }
  .hero-watermark { width: 70px; height: 70px; bottom: 16px; right: 16px; }

  .section { padding: 72px 20px; }
  .section-title { font-size: 32px; }

  .tifton-badge { position: static; margin-top: 16px; display: inline-block; }
  .feature-grid { grid-template-columns: 1fr; gap: 20px; }

  .sustain-section { padding: 64px 20px; }
  .sustain-heading { font-size: 32px; }
  .sustain-cards { grid-template-columns: 1fr; gap: 28px; }

  .reasons-grid { grid-template-columns: 1fr; gap: 32px; }

  .cta-section { margin: 0 20px 60px; border-radius: 16px; }
  .cta-panel { padding: 36px 24px; }
  .cta-title { font-size: 30px; }
  .cta-actions { flex-direction: column; align-items: stretch; }
  .cta-actions .btn { justify-content: center; }

  .footer-grid { grid-template-columns: 1fr; gap: 32px; }
  .footer-bottom { flex-direction: column; text-align: center; }

  .back-to-top { right: 16px; bottom: 16px; width: 40px; height: 40px; }
  .whatsapp-float { right: 16px; bottom: 16px; width: 50px; height: 50px; }
  .stat-section { padding: 56px 20px; }
}