/* ============================================================
   VERSO TELECOM · SITE-001 · home.css
   Exclusivo da Home. Reaproveita tokens + componentes globais.
   Hero: foto da central de monitoramento em components.css
   (.hero__photo). Aqui ficam o split 360, prova social e o resto.
   ============================================================ */

.vl360 {
  height: auto;
  aspect-ratio: 4 / 3;
  min-height: 360px;
  background: var(--surface);
  border: 1px solid var(--line);
  overflow: hidden;
}
.vl360 img {
  width: 100%; height: 100%;
  object-fit: contain;
  display: block;
}

/* ---------- Prova social: faixa de logos separada por linha de marca ---------- */
.prova { border-top: 1px solid var(--line); }
@media (max-width: 768px) {
  .prova { border-top: 0; }
}