/* Títulos */
.title-white {
    color: var(--color-white-2);
    border-left: 5px solid var(--color-orange);
}

.title-black {
    color: var(--color-black);
    border-left: 5px solid var(--color-orange);
}



/* Sessão de banners */




/* Sessão de placar */
#scoreboard {
    background-image: url("/../img/web/background-scoreboard.webp");
    background-position: 0 -120px;
}

#scoreboard h2 {
    color: var(--color-white-2);
}

.btn-live {
    color: var(--color-white-2);
    border: 2px solid var(--color-orange);
    border-radius: 30px;
    padding: 10px 20px;
}

.btn-live:hover {
    color: var(--color-orange);
    border: 2px solid var(--color-white-2);
}


/* Sessão de jogos */
#view-all-games:hover {
    color: var(--color-orange) !important;
}

.next-games:hover div,
.last-games:hover div,
.game-row-first:hover,
.game-row-second:hover,
.hovered {
    cursor: pointer;
    transform: scale(1.01);
    background-color: rgba(245, 245, 245, 0.5);
    /* opacity: 0.9; */
    transition: .3s;
}



/* Sessão de melhores momentos */
#best-moments {
    background-image: url("/../img/web/background-videos.webp");
}

#video iframe {
    width: 100%;
    height: 480px;
}

.video-selection {
    cursor: pointer;
}

.video-selection:hover {
    background-color: var(--color-dark-gray);
}



/* Sessão de tabelas */
.table-category-header {
    color: var(--color-white-2);
    background-color: var(--color-orange);
}

.table-category-sub-header {
    color: var(--color-white-2);
    background-color: var(--color-light-gray);
}

.table-category-body {
    background-color: var(--color-white-2);
}

.view-table {
    color: var(--color-orange);
}

td {
    border-style: none;
}



/* Sessão de notícias */
#news {
    background-image: url("/../img/web/background-news.webp");
    background-position: 0 -100px;
}

.btn-news {
    color: var(--color-white-2);
    background-color: var(--color-orange);
    border: 2px solid var(--color-orange);
    border-radius: 30px;
    padding: 10px 20px;
}

.btn-news:hover {
    color: var(--color-orange);
    background-color: var(--color-white-2);
    border: 2px solid var(--color-orange);
}

.news-link {
    all: unset;
    cursor: pointer;
}

.news {
    background-color: var(--color-white-1);
    transition: transform 0.3s ease-in-out;
}

.news:hover {
    transform: scale(1.05);
}



/* Sessão de posts */




/* Sessão de parceiros */






@media screen and (max-width: 768px) {
    #video iframe {
        height: 240px !important;
    }
}