/*
 * 36-yt-fachada.css — fachada do YouTube (INF-016 F2, RF022): capa + botão no lugar do <iframe>.
 * Ocupa o MESMO espaço do iframe antigo (CLS 0): 16:9 por padrão; --alto = 350 px (iframes de height="350").
 * Sem @layer (arquivo dono). Carregado com single/categoria/autor/sobre (mapa de carregar_scripts_rotina).
 */
.yt-fachada { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; background: #000; overflow: hidden; }
.yt-fachada--alto { height: 350px; aspect-ratio: auto; }
.yt-video .yt-fachada { position: absolute; inset: 0; aspect-ratio: auto; }
.sv2-yt-video .yt-fachada { height: 100%; }
.yt-fachada img { width: 100%; height: 100%; object-fit: cover; display: block; }
.yt-fachada-play {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 72px; height: 50px; border: 0; border-radius: 14px; cursor: pointer;
    background: #FF0000; color: #fff; font-size: 26px; line-height: 50px; box-shadow: 0 6px 18px rgba(0, 0, 0, .45);
}
.yt-fachada-play:hover { background: #cc0000; }
.yt-fachada-play:focus-visible, .yt-fachada-aviso button:focus-visible, .yt-fachada-aviso a:focus-visible { outline: 3px solid #59C4F9; outline-offset: 3px; }
.yt-fachada-aviso {
    position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 10px; padding: 16px; text-align: center; background: rgba(13, 10, 11, .88); color: #fff; font-size: 14px; line-height: 1.4;
}
.yt-fachada-aviso[hidden] { display: none; }
.yt-fachada-aviso p { margin: 0; max-width: 340px; }
.yt-fachada-aviso button, .yt-fachada-aviso a {
    min-height: 40px; padding: 8px 14px; border-radius: 10px; font-weight: 700; cursor: pointer; text-decoration: none;
}
.yt-fachada-aviso button { border: 0; background: #FF0000; color: #fff; }
.yt-fachada-aviso a { color: #fff; border: 2px solid rgba(255, 255, 255, .6); }
.yt-fachada iframe { width: 100%; height: 100%; display: block; border: 0; }