* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    width: 100%;
    height: 100%;
    overflow: hidden; /* Hide scrollbars for TV display */
    background-color: #000; /* Black background */
    font-family: sans-serif;
}

#slider-container {
    width: 100vw;
    height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.media-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 
       object-fit: contain - mantém a proporção 1920x1080 original sem cortar, preenchendo as bordas com preto
       object-fit: cover - preenche a tela inteira, mas pode cortar um pouco as bordas se a proporção da TV não for exatamente 16:9
    */
    object-fit: contain; 
    opacity: 0;
    transition: opacity 1.5s ease-in-out; /* Transição suave de 1.5s */
    z-index: 1;
}

.media-item.active {
    opacity: 1;
    z-index: 2;
}