/* ============================================
   SINERGIADS — RESPONSIVE CORREGIDO
   responsive.css — v2.1
============================================ */

/* 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: 2.5rem; }
  .value-cards-stack{ display: none; }
  .nosotros-grid    { grid-template-columns: 1fr; gap: 3rem; }
  .certs-inner      { flex-direction: column; align-items: flex-start; gap: 1.2rem; }
  .sec-header-2col  { grid-template-columns: 1fr; gap: 1.2rem; }
  .casos-grid       { grid-template-columns: 1fr; max-width: 520px; margin-inline: auto; }
}

/* 768px — mobile */
@media (max-width: 768px) {
  /* Header */
  .nav, .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 { padding-top: 88px; }
  .hero-stats { gap: 1.3rem; flex-wrap: wrap; }
  .hero-h1    { font-size: clamp(1.95rem, 8vw, 2.8rem); }
  .hero-sub   { font-size: 0.95rem; }

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

  /* Certs */
  .certs-inner { gap: 1rem; }
  .certs-grid  { gap: 0.6rem; }

  /* 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%; }
  .cert-badge  { min-width: 90px; padding: 0 12px; height: 48px; }
  .cert-badge img { height: 24px; }
}