/* Depoimentos em video (pagina longa): logo abaixo dos 3 depoimentos escritos, na mesma secao — 29/10/2026 */
.videos-depo{display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:48px}
.testi + .videos-depo{margin-top:22px}
.video-depo{margin:0; display:flex; flex-direction:column; background:var(--surface); border:1px solid var(--line-soft); border-radius:4px; overflow:hidden}
.video-quadro{position:relative; aspect-ratio:9/16; background:#171512}
.video-quadro video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; background:#171512}
.video-play{display:none}
.js-videos .video-play{display:flex; flex-direction:column; position:absolute; inset:0; align-items:center; justify-content:flex-end; gap:10px; border:0; padding:0 0 9%; margin:0;
  background:linear-gradient(to top, rgba(23,21,18,.55), rgba(23,21,18,0) 40%); cursor:pointer; width:100%; height:100%; box-sizing:border-box}
.js-videos .video-play em{display:block; font-style:normal; font-size:11px; letter-spacing:.16em; padding-left:.16em;
  text-transform:uppercase; color:#fff; font-weight:600; text-shadow:0 1px 3px rgba(0,0,0,.5)}
.js-videos .video-play span{width:58px; height:58px; border-radius:50%; background:linear-gradient(100deg,#9E8567,#C0A888);
  display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(23,21,18,.35); transition:transform .2s}
.js-videos .video-play:hover span, .js-videos .video-play:focus-visible span{transform:scale(1.08)}
.js-videos .video-play:focus-visible{outline:2px solid var(--gold-2); outline-offset:-4px}
.js-videos .video-play svg{width:22px; height:22px; margin-left:4px; fill:#241d12}
.js-videos .video-depo.tocando .video-play{display:none}
.video-depo figcaption{display:flex; flex-direction:column; gap:6px; padding:20px 20px 22px; flex:1}
.video-depo q{font-family:"Cormorant Garamond",serif; font-style:italic; font-size:20px; line-height:1.38; color:var(--ink-strong); quotes:none; display:block; margin-bottom:auto; padding-bottom:12px}
.video-depo .quem{font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink); font-weight:600}
.video-depo .onde{font-size:13px; color:var(--muted-2)}
@media (max-width:1000px){ .videos-depo{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){
  .videos-depo{display:flex; overflow-x:auto; gap:14px; margin:36px -24px 0; padding:0 24px 10px; scroll-snap-type:x mandatory; scroll-padding:0 24px;
    -webkit-overflow-scrolling:touch; scrollbar-width:none}
  .videos-depo::-webkit-scrollbar{display:none}
  .video-depo{flex:0 0 76%; scroll-snap-align:start}
  .testi + .videos-depo{margin-top:22px}
  .videos-dica{display:block}
}
.videos-dica{display:none; font-size:13px; color:var(--muted-2); margin-top:14px; text-align:center}