/* ==========================================================================
   Ajustes da versão estática da LP (o resto do visual vem de _assets/css/*)
   1. player dos vídeos dos salões (iframe que roda sozinho)
   2. lightbox dos depoimentos em vídeo
   ========================================================================== */

.video-card__player {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.dep-card { cursor: pointer; }

/* ── Subtítulos (eyebrows) que ficaram à esquerda do título centralizado ──
   Correção do BUG "alguns subtítulos estão no lugar errado" (task 86e39t4g9).
   As demais seções já centralizam por herança do container (.pq__head, .videos__head,
   .custo__head, .dep__head, .res__head); estas três não tinham de onde herdar. */
.metodo__eyebrow,
.cf__eyebrow,
.faq__eyebrow {
  text-align: center;
}

/* ── Lightbox dos depoimentos ─────────────────────────────────────────── */

.lightbox {
  position: fixed;
  inset: 0;
  z-index: 80;
  background: rgba(0, 0, 0, 0.88);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(12px, 5vw, 56px);
}

.lightbox[hidden] { display: none; }

.lightbox__box {
  position: relative;
  width: min(1100px, 100%);
  aspect-ratio: 16 / 9;
  background: #000;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
}

.lightbox__player-iframe,
.lightbox__player {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.lightbox__close {
  position: absolute;
  top: -46px;
  right: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: #fff;
  font: 600 13px/1 'Hanken Grotesk', sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.lightbox__close .material-symbols-outlined { font-size: 24px; }