/* Fala Reto · Vídeos. Colours only from /marca/fala-reto.css tokens. */
html,body{overflow-x:hidden}
.fv-skip{position:absolute;left:-999px;top:8px;z-index:60;background:var(--y);color:var(--navy);font-weight:800;padding:10px 14px;border-radius:8px}
.fv-skip:focus{left:16px}
.fv-main{padding-top:24px}
.fv-head h1{margin:0;font-size:clamp(28px,4vw,40px);font-weight:900;color:var(--navy);letter-spacing:-.01em}
.fv-head p{margin:6px 0 0;color:var(--muted);font-size:15px;line-height:1.5;max-width:62ch}
.fv-chips{display:flex;gap:8px;margin:18px 0 6px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.fv-chips::-webkit-scrollbar{display:none}
.fv-chip{flex:none;min-height:40px;padding:8px 14px;border-radius:999px;border:2px solid var(--line);background:var(--white);color:var(--navy);font:700 14px Montserrat,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.fv-chip:hover{border-color:var(--navy)}
.fv-chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:var(--y)}
.fv-status{color:var(--muted);font-size:14px;margin:10px 0}
.fv-status:empty{display:none}
.fv-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:10px}
@media(min-width:640px){.fv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.fv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.fv-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}
.fv-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.fv-title{margin:0;font-size:16px;line-height:1.35;font-weight:800;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fv-meta{margin:0;font-size:12.5px;color:var(--muted);font-weight:600}
.fv-yt{margin-top:auto;font-size:13px;font-weight:700;color:var(--navy2);text-decoration:none}
.fv-yt:hover{text-decoration:underline}
.fv-note{margin:24px 0 0;font-size:12.5px;color:var(--muted)}
/* click-to-play facade (same markup on the home strip) */
.fv-player{position:relative;aspect-ratio:16/9;background:var(--navy-deep)}
.fv-player iframe,.fv-facade{position:absolute;inset:0;width:100%;height:100%;border:0}
.fv-facade{padding:0;margin:0;cursor:pointer;background:var(--navy-deep);display:block}
.fv-facade img{width:100%;height:100%;object-fit:cover;display:block}
.fv-play{position:absolute;left:50%;top:50%;width:64px;height:44px;margin:-22px 0 0 -32px;border-radius:12px;background:var(--navy);box-shadow:0 2px 10px #050D1C80;transition:background .15s}
.fv-play:after{content:"";position:absolute;left:26px;top:13px;border-style:solid;border-width:9px 0 9px 16px;border-color:transparent transparent transparent var(--white)}
.fv-facade:hover .fv-play,.fv-facade:focus-visible .fv-play{background:var(--y)}
.fv-facade:hover .fv-play:after,.fv-facade:focus-visible .fv-play:after{border-left-color:var(--navy)}
.fv-facade:focus-visible{outline:3px solid var(--y);outline-offset:-3px}
@media(prefers-reduced-motion:reduce){.fv-play{transition:none}}