/* —— TV geral —— */
.tv-wrapper{
    width: 90%;              /* responsivo: encolhe junto com o pai  era 100         */
    max-width: 420px;         /* largura máxima (pode ajustar) era 720px                */
    margin: 0 auto 1.5rem;   /* centraliza e dá margem inferior  */
    cursor: pointer;                                   */

    /* a imagem é a moldura PNG c/ fundo transparente                           */
    background: url('/assets/images/tv-frame.png') no-repeat center / contain;
    
    /* mantém a proporção — 56.25% ≅ 16:9                                       */
    /*aspect-ratio: 16 / 9; */
    /* ↓ troque o aspect-ratio pelo height em viewport  */
    height: 100vh;              /* ocupa 80 % da altura da tela */
    position: relative;       /* para posicionar a “tela” absoluta             */
}

/* —— Tela onde ficará o vídeo —— */
.tv-screen{
    /* Corta a parte interna para caber certinho   */
    position: absolute;
    top:   6%;                /* ajuste fino: depende do PNG escolhido        */
    left:  5.5%;
    width: 89%;               /* idem                                          */
    height: 74%;
    overflow: hidden;         /* esconde eventual barra do iframe             */
    border-radius: 8px;       /* bordas levemente arredondadas                */
    /*box-shadow: 0 0 6px rgba(0,0,0,.4) inset; */
}

/* —— iframe (ou vídeo) ocupa toda a tela —— */
.tv-screen iframe{
    width: 100%;
    height: 100%;
    border: none;
}

.play-btn{
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 600px){
    .tv-wrapper{ max-width: 90vw; }
}