/* ===========================
   PLAYER NORMAL 2
=========================== */

#normal2-player{

    width:100%;
    height:100%;
    background:#000;
    position:relative;
    border-radius:8px;
    overflow:hidden;

}

.n2-video{

    position:relative;
    width:100%;
    background:#000;

}

#n2_video{

    width:100%;
    display:block;
    background:#000;
    outline:none;
    user-select:none;
    -webkit-user-select:none;
    -webkit-touch-callout:none;

}

.n2-overlay{

    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(
        to bottom,
        rgba(0,0,0,.15),
        rgba(0,0,0,0),
        rgba(0,0,0,.60)
    );

}

.n2-controls{

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    display:flex;
    align-items:center;
    gap:10px;

    padding:14px;

    background:linear-gradient(
        transparent,
        rgba(0,0,0,.85)
    );

    transition:.25s;
    z-index:10;

}

.n2-btn{

    width:42px;
    height:42px;

    border:0;
    border-radius:50%;

    background:#e50914;

    color:#fff;

    font-size:18px;

    cursor:pointer;

    transition:.20s;

}

.n2-btn:hover{

    transform:scale(1.08);

}

.n2-btn:active{

    transform:scale(.95);

}

.n2_seek{

    flex:1;

    height:5px;

    cursor:pointer;

    appearance:none;
    -webkit-appearance:none;

    border-radius:10px;

    background:#555;

}

.n2_seek::-webkit-slider-thumb{

    appearance:none;
    -webkit-appearance:none;

    width:15px;
    height:15px;

    border-radius:50%;

    background:#e50914;

    cursor:pointer;

}

#n2_current,
#n2_duration{

    width:55px;

    text-align:center;

    color:#fff;

    font-size:13px;

}

#normal2-player:hover .n2-controls{

    opacity:1;

}

/* Ocultar controles nativos */

#n2_video::-webkit-media-controls{

    display:none !important;

}

#n2_video::-webkit-media-controls-enclosure{

    display:none !important;

}

#n2_video::-webkit-media-controls-panel{

    display:none !important;

}

#n2_video::-webkit-media-controls-play-button{

    display:none !important;

}

#n2_video::-webkit-media-controls-timeline{

    display:none !important;

}

#n2_video::-webkit-media-controls-current-time-display{

    display:none !important;

}

#n2_video::-webkit-media-controls-time-remaining-display{

    display:none !important;

}

#n2_video::-webkit-media-controls-volume-slider{

    display:none !important;

}

#n2_video::-webkit-media-controls-download-button{

    display:none !important;

}

#n2_video::-webkit-media-controls-overflow-button{

    display:none !important;

}

#n2_video::-webkit-media-controls-fullscreen-button{

    display:none !important;

}

/* Responsive */

@media(max-width:768px){

    .n2-controls{

        gap:6px;
        padding:10px;

    }

    .n2-btn{

        width:36px;
        height:36px;

        font-size:15px;

    }

    #n2_current,
    #n2_duration{

        width:46px;
        font-size:11px;

    }

}