/* ============================================
   COLAPRENE — Mobile / Responsivo
   ============================================ */

@media (max-width: 900px) {
  .products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  /* Header */
  .header-inner {
    flex-direction: column;
    gap: 14px;
    padding: 14px 20px;
  }
  .main-nav {
    gap: 18px;
    flex-wrap: wrap;
    justify-content: center;
  }

  /* Hero */
  .hero {
    padding: 60px 24px 100px;
    min-height: auto;
  }
  .hero-blob { width: 320px; top: -40px; right: -60px; }
  .hero-visual { display: none; }
  .hero-title { font-size: 52px; }

  /* Grids */
  .section-grid,
  .section-grid.reverse {
    grid-template-columns: 1fr;
    direction: ltr;
    gap: 36px;
  }
  .section-grid.reverse .section-image { order: -1; }
  .contact-grid { grid-template-columns: 1fr; gap: 40px; }

  /* Products */
  .products-grid { grid-template-columns: 1fr; }

  /* Section */
  .section { padding: 60px 0; }

  /* Form */
  .contact-form-wrap { padding: 24px 20px; }

  /* WhatsApp */
  .whatsapp-btn { bottom: 20px; right: 20px; width: 52px; height: 52px; }
}

@media (max-width: 480px) {
  .hero-title { font-size: 42px; }
  .hero-cta { flex-direction: column; }
  .btn { width: 100%; text-align: center; }
}