/* =========================================
   RESPONSIVE — media queries
   Sempre carregado por último.
   ========================================= */

/* ── 1024px ── */
@media (max-width: 1024px) {
  .dif-grid  { grid-template-columns: repeat(2, 1fr); }
  .ft-grid   { grid-template-columns: 1fr 1fr; gap: 32px; }
}

/* ── 768px ── */
@media (max-width: 768px) {
  .sp { padding-top: 68px; padding-bottom: 68px; }

  /* Layout */
  .sustent-inner    { grid-template-columns: 1fr; gap: 40px; }
  .sustent-right    { height: 200px; }
  .presenca-grid    { grid-template-columns: 1fr; gap: 36px; }
  .cont-cols        { grid-template-columns: 1fr; gap: 44px; }
  .cont-hero-logo   { display: none; }

  /* CTA */
  .cta-inner  { flex-direction: column; align-items: flex-start; gap: 32px; }
  .cta-right  { align-items: flex-start; }
  .cta-box    { flex-direction: column; text-align: center; padding: 34px 22px; }

  /* Carrossel */
  .carousel-item { width: 200px; height: 150px; }

  /* Grids */
  .dif-grid  { grid-template-columns: 1fr; gap: 14px; }
  .ig-grid   { grid-template-columns: repeat(3, 1fr); }
  .bem-grid  { grid-template-columns: repeat(2, 1fr); gap: 24px; }

  /* Footer */
  .ft-grid { padding-top: 48px; }

  /* Produtos */
  .prod-card { flex: 0 0 calc((100% - 24px) / 2); }
  .prod-slider-wrap,
  .bem-slider-wrap { padding-left: 0; padding-right: 0; }
}

/* ── 480px ── */
@media (max-width: 480px) {
  .ig-grid    { grid-template-columns: repeat(2, 1fr); }
  .ft-grid    { grid-template-columns: 1fr; }
  .ft-bottom  { flex-direction: column; align-items: center; text-align: center; }
  .prod-card  { flex: 0 0 100%; }
}