/* Fachada de video (app/videos.py). Poster propio + boton; el iframe de YouTube
   solo existe tras pulsar. Tokens del sitio, sin esquinas redondeadas. */
.vf{margin:0;width:100%;max-width:760px;min-width:0}
.vf-box{position:relative;aspect-ratio:16/9;border:1px solid var(--linea);background:var(--papel-2);overflow:hidden}
.vf-btn{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:0;background:transparent;cursor:pointer;color:var(--papel)}
.vf-btn img{display:block;width:100%;height:100%;object-fit:cover;max-width:none}
.vf-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;display:flex;align-items:center;justify-content:center;background:var(--tinta);color:var(--papel);border:1px solid var(--tinta)}
.vf-play svg{margin-left:3px}
.vf-btn:hover .vf-play{background:var(--verde);border-color:var(--verde)}
.vf-btn:focus-visible{outline:2px solid var(--verde);outline-offset:-4px}
.vf-btn:focus-visible .vf-play{outline:2px solid var(--papel);outline-offset:2px}
.vf-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.vf-note{margin-top:10px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;line-height:1.5;color:var(--apagado)}
@media (prefers-reduced-motion:no-preference){
  .vf-play{transition:background .15s,border-color .15s}
}
@media (max-width:480px){
  .vf-play{width:52px;height:52px;margin:-26px 0 0 -26px}
}
.vf-sec{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:48px}
.vf-list{display:grid;grid-template-columns:minmax(0,1fr);gap:56px}
.vf-item{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:start}
.vf-item h2{font-size:clamp(20px,2.4vw,26px);line-height:1.25;letter-spacing:-.02em;margin-bottom:10px}
.vf-item p{font-size:16px;line-height:1.6;color:var(--apagado);margin-bottom:12px}
.vf-item .vf{max-width:none}
@media (max-width:760px){.vf-item{grid-template-columns:minmax(0,1fr);gap:16px}}
.post-body .vf{margin:1.4em 0;max-width:100%}
.post-body .vf img{margin:0;border:0}
.post-body .vf-note{margin-top:8px}