/* JBM - ajustes de diseño para móvil (oct 2026) */
@media (max-width: 760px) {
  /* Cifras en banda azul (inicio, nosotros, industrias): tarjetas 2x2 compactas */
  [data-r="stats"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  [data-r="stats"][style*="clamp(44px"] { padding-top: 0 !important; padding-bottom: 0 !important; }
  [data-r="stats"] > div {
    background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 12px; padding: 20px 12px 18px; display: flex; flex-direction: column;
    align-items: center; justify-content: flex-start; text-align: center;
  }
  [data-r="stats"] > div > svg { width: 26px !important; height: 26px !important; margin-bottom: 12px !important; opacity: 0.85; }
  [data-r="stats"] > div > div:nth-of-type(1) { font-size: 28px !important; margin-bottom: 8px !important; letter-spacing: -0.02em !important; }
  [data-r="stats"] > div > div:nth-of-type(2) { font-size: 13.5px !important; line-height: 1.4 !important; font-weight: 600 !important; }

  /* Cifras de "Sobre JBM": dos tarjetas lado a lado en vez de números gigantes */
  [data-r="aboutstats"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  [data-r="aboutstats"] > div { background: #F1F5FF; border-radius: 12px; border-top: 3px solid #0173C6; padding: 18px 14px 16px; }
  [data-r="aboutstats"] > div > div:first-child { font-size: 28px !important; margin-bottom: 10px !important; letter-spacing: -0.02em; }
  [data-r="aboutstats"] > div > h4 { font-size: 15px !important; margin: 0 0 6px !important; }
  [data-r="aboutstats"] > div > p { font-size: 13.5px !important; line-height: 1.5 !important; }
  #nosotros h2 + p { margin-bottom: 28px !important; }

  /* Panel de servicios: sin espacio vacío abajo */
  [data-r="svcpanel"] { min-height: 0 !important; padding: 30px 22px 28px !important; gap: 16px !important; justify-content: flex-start !important; }
  [data-r="svcpanel"] > svg { width: 42px !important; height: 42px !important; }
  [data-r="svcpanel"] h3 { font-size: 22px !important; }
  [data-r="svcpanel"] > div span { padding: 7px 14px !important; font-size: 13.5px !important; }
}