/* ============================================================
   VERSO TELECOM · SITE-001 · para-sua-empresa.css
   Exclusivo da página Para Sua Empresa (B2B).
   ============================================================ */

/* ============================================================
   VERSO TELECOM · SITE-001 · para-sua-empresa.css
   Exclusivo da página Para Sua Empresa (B2B).
   ============================================================ */

/* ---------- Verso Link 360 — diagrama ---------- */
.vl360-detalhe .split__media {
  height: auto;
  aspect-ratio: 4 / 3;
  min-height: 360px;
  background: var(--surface);
  border: 1px solid var(--line);
}
.vl360-detalhe .split__media img {
  width: 100%; height: 100%;
  object-fit: contain;
  display: block;
}

@media (max-width: 1024px) {
  .vl360-detalhe .split__media { min-height: 280px; }
}
@media (max-width: 768px) {
  .vl360-detalhe .split__media { min-height: 0; }
}

/* ---------- Portfólio / benefícios ---------- */
#portfolio { scroll-margin-top: calc(var(--header-h) + 16px); }

.solutions-grid {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px;
}

.benefits-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
}

@media (max-width: 1024px) {
  .benefits-grid { grid-template-columns: repeat(2, 1fr); }
  .solutions-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .benefits-grid { grid-template-columns: 1fr; }
}