/* =========================================================
   TVMOS — RESPONSIVE HEADER
   ========================================================= */

@media(max-width:1199px){

    .tvmos-menu .nav-link{
        padding-left:9px !important;
        padding-right:9px !important;
        font-size:.72rem;
    }

    .tvmos-menu .nav-link::after{
        left:9px;
        right:9px;
    }

}

@media(max-width:991.98px){

    .tvmos-navbar{
        padding:12px 0;
        background:rgba(7,7,7,.30);
    }

    .tvmos-navbar.scrolled{
        background:rgba(255,255,255,.96);
        padding:9px 0;
    }

    .tvmos-brand{
        height:58px;
    }

    .tvmos-logo{
        height:58px;
        max-width:170px;
    }

    .tvmos-menu{
        margin-top:12px;
        padding:12px;
        border-radius:18px;
        background:rgba(8,8,8,.96);
        box-shadow:0 18px 45px rgba(0,0,0,.25);
        border:1px solid rgba(255,255,255,.08);
    }

    .tvmos-navbar.scrolled .tvmos-menu{
        background:rgba(255,255,255,.98);
        border-color:rgba(0,0,0,.08);
    }

    .tvmos-menu .navbar-nav{
        gap:0;
    }

    .tvmos-menu .nav-link{
        min-height:52px;
        padding:14px 12px !important;
        font-size:.9rem;
        letter-spacing:.04em;
    }

    .tvmos-menu .nav-link::after{
        left:12px;
        right:auto;
        bottom:7px;
        width:35px;
    }

    .nav-search-item{
        margin:6px 0 0;
        padding:6px 0 0;
        border-top:1px solid rgba(255,255,255,.10);
    }

    .tvmos-navbar.scrolled .nav-search-item{
        border-top-color:rgba(0,0,0,.08);
    }

    .nav-search{
        width:100%;
        height:48px;
        justify-content:flex-start;
        gap:10px;
        padding:0 12px;
        border-radius:10px;
    }

    .nav-search::after{
        content:"Buscar";
        font-family:inherit;
        font-size:.9rem;
        font-weight:600;
    }

    .tvmos-search-dialog{
        padding:105px 0 50px;
    }

    .tvmos-search-dialog h2{
        font-size:2.2rem;
    }

}

@media(max-width:575.98px){

    .tvmos-navbar .container{
        padding-left:16px;
        padding-right:16px;
    }

    .tvmos-logo{
        height:54px;
        max-width:155px;
    }

    .tvmos-toggler{
        width:46px;
        height:46px;
        border-radius:11px;
    }

    .tvmos-menu{
        border-radius:15px;
    }

    .tvmos-search-dialog{
        padding:95px 0 35px;
    }

    .tvmos-search-dialog h2{
        font-size:1.9rem;
    }

    .tvmos-search-form input{
        font-size:1rem;
    }

    .tvmos-search-form kbd{
        display:none;
    }

}


/* TVMOS Play: lista de videos scrolleable en móvil */
@media (max-width: 991px){
    .video-playlist{
        max-height:430px;
    }
}
