/* v146 (30/09/2026) — o banner em vídeo da landing, logo abaixo da hero.
   Peça nova e isolada: apagar este arquivo e a <section class="lp-video">
   devolve a landing como era. */
.lp-video { padding-top: 8px; padding-bottom: 72px; }
.lp-video-cab { text-align: center; margin: 0 auto 26px; max-width: 760px; }
.lp-video-cab h2 { font-size: 40px; letter-spacing: -1.6px; line-height: 1.06; margin: 10px 0 0; }
.lp-video-quadro {
  position: relative; border-radius: 30px; overflow: hidden;
  background: var(--ds-atlantico); aspect-ratio: 16 / 9;
  box-shadow: 0 40px 100px rgba(var(--ds-atlantico-rgb), .28);
}
.lp-video-quadro video { display: block; width: 100%; height: 100%; object-fit: cover; }
.lp-video-som {
  position: absolute; right: 18px; bottom: 18px; z-index: 2;
  display: inline-flex; align-items: center; gap: 8px;
  border: 0; border-radius: 99px; padding: 11px 18px;
  background: var(--ds-menta); color: var(--ds-atlantico);
  font-weight: 800; font-size: 14px;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .3);
  transition: transform .2s ease;
}
.lp-video-som:hover { transform: translateY(-2px); }
.lp-video-som:focus-visible { outline: 3px solid var(--ds-branco); outline-offset: 3px; }
.lp-video-som svg { width: 18px; height: 18px; }
.lp-video-som .com-som { display: none; }
.lp-video-som[aria-pressed="true"] .com-som { display: inline; }
.lp-video-som[aria-pressed="true"] .sem-som { display: none; }
@media (max-width: 720px) {
  .lp-video { padding-bottom: 48px; }
  .lp-video-cab h2 { font-size: 28px; letter-spacing: -1px; }
  .lp-video-quadro { border-radius: 18px; }
  .lp-video-som { right: 10px; bottom: 10px; padding: 9px 14px; font-size: 13px; }
}