/* ─── PERSEO INFORMÁTICA — RESPONSIVE ─────────────────────────────────────── */

@media (max-width: 900px) {
  .os-body { grid-template-columns: 1fr 220px; }
}

@media (max-width: 768px) {
  .os-body      { grid-template-columns: 1fr; }
  .main-col     { border-right: none; }
  .side-col     { border-top: var(--border); }
  .hero         { padding: 28px 20px 24px; }
  .topbar-center { display: none; }
  .diag-section { padding: 16px; }
  .module       { padding: 14px 16px; gap: 12px; }
}

@media (max-width: 540px) {
  .metrics-strip { grid-template-columns: 1fr; }
  .metric        { border-right: none; border-bottom: var(--border); }
  .metric:last-child { border-bottom: none; }
  .metric-value  { font-size: 22px; }
  .module-status { display: none; }
  .hero h1       { font-size: 24px; }
  .os-footer span:nth-child(2) { display: none; }
}