/* ============================================
   SINERGIADS — RESPONSIVE
   responsive.css
============================================ */

/* 1100px — tablet landscape */
@media (max-width: 1100px) {
  .ft-grid      { grid-template-columns: 1fr 1fr; }
  .svc-grid     { grid-template-columns: repeat(2, 1fr); }
  .insights-grid { grid-template-columns: 1fr 1fr; }
}

/* 960px — tablet */
@media (max-width: 960px) {
  .hero-grid        { grid-template-columns: 1fr; }
  .hero-visual      { display: none; }
  .value-grid       { grid-template-columns: 1fr; gap: 3rem; }
  .value-cards-stack{ display: none; } /* en mobile mostrar pills solo */
  .nosotros-grid    { grid-template-columns: 1fr; gap: 3rem; }
  .certs-inner      { flex-direction: column; align-items: flex-start; gap: 1.5rem; }
  .sec-header-2col  { grid-template-columns: 1fr; gap: 1.5rem; }
  .casos-grid       { grid-template-columns: 1fr; max-width: 560px; margin-inline: auto; }
}

/* 768px — mobile */
@media (max-width: 768px) {
  /* Header */
  .nav       { display: none; }
  .btn-wa-hdr { display: none; }
  .hamburger { display: flex; }

  /* Grids */
  .svc-grid         { grid-template-columns: 1fr; }
  .ft-grid          { grid-template-columns: 1fr; }
  .insights-grid    { grid-template-columns: 1fr; }
  .sec-header-split { grid-template-columns: 1fr; }

  /* Hero */
  .hero-stats { gap: 1.5rem; flex-wrap: wrap; }
  .hero-h1    { font-size: clamp(2rem, 8vw, 2.8rem); }

  /* Footer */
  .ft-bottom  { flex-direction: column; text-align: center; }
  .ft-legal   { justify-content: center; }

  /* WA flotante */
  .wa-float { bottom: 18px; right: 18px; }
}

/* 520px — mobile pequeño */
@media (max-width: 520px) {
  .hero-ctas   { flex-direction: column; align-items: flex-start; }
  .cta-acts    { flex-direction: column; align-items: center; }
  .hero-stats  { gap: 1rem; }

  .casos-grid  { max-width: 100%; }
  .certs-grid  { gap: 0.6rem; }
  .cert-badge  { min-width: 100px; padding: 0 14px; }
}