.tribuna-play-logo-div img {
    width: 150px;
}

.tribuna-play {
    display: flex;
}

.tribuna-play .main-video-div {
    width: 780px;
    height: 410px;
    background: #303030;
}

.tribuna-play .main-video-div iframe {
    width:750px;
}

.tribuna-play .mais-videos {
    width: 390px;
    height: 410px;
    overflow: hidden;
    position: relative;
    padding: 26px 0;
}

.mais-videos .arrow-div {
    background: #222;
    display: flex;
    justify-content: center;
    padding: 4px 0;
    position: absolute;
    width: 100%;
}

.arrow-div.arrow-up {
    top: 0;
    cursor: pointer;
}

.arrow-div.arrow-down {
    bottom: 0;
    cursor: pointer;
}

.mais-videos .item {
    background: #393939;
    display: flex;
    padding: 15px;
    border-bottom: 6px solid #222;
    cursor: pointer;
}

.item-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mais-videos .item .item-thumb {
    width: 239px !important;
    height: 70px;
    background: #d3d3d3;
    margin-right: 16px;
    border-radius: 5px;
    overflow: hidden;
}

.mais-videos .item .item-desc {
    width: 427px;
}

.mais-videos .item .item-desc h4 {
    color: #e61f22;
    font-size: 10px;
    margin-bottom: 7px;
}

.mais-videos .item .item-desc h3 {
    color: white;
    font-weight: bold;
    font-size: 14px;
}

@media (max-width: 796px) {

    .tribuna-play .main-video-div {
        width: 84vw;
        height: 410px;
    }

    .tribuna-play .main-video-div iframe {
        width:350px;
    }

    .tribuna-play-div {
        max-width: 100%;
        width: 100%;
    }

    .tribuna-play {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

/*
TRIBUNAPLAY
main #tbn{
    background-color: #E6E6E6;
    grid-row: span 6;
    grid-column: span 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

main #tbn h3 figure{
    margin: 0 auto;
    width: clamp(120px, 14vw, 50vw);
}

main #tbn h3 figure img{
    width: 100%;
    height: auto;
}


main #tbn #upper-carousel{
    justify-content: center;
    align-items: center;
    margin: 25px 0;
    background-color: #2A2A2A;
}

main #tbn #upper-carousel > div{
    position: relative;
    min-width: 40%;    
    max-width: 70%;
    width: 900px;
    height: fit-content;
    display: flex;
    align-items: center;
}

main #tbn #upper-carousel > div iframe{
    width: 100%;
    
}

main #tbn #upper-carousel div:nth-child(2){
    min-width: 60%;
}

main #tbn video{
    width: 900px;
}

main #tbn .tribuna-play-carousel-item{
    width: 255px;
    height: 170px;
    border-radius: 5px;
    overflow: hidden;
}

main #tbn #lower-carousel div figure{
    height: 100%;
}

main #tbn #lower-carousel div figure img{
    width: 100%;
    height: 100%;
}

main #tbn #lower-carousel div figure svg{
    position: absolute;
    width: clamp(26px, 4vw, 45px);
    left: 10%;
    top:15%;
    -- top: clamp(40%, 11vw, 50%); --
    transform: translate(-50%, -50%);
}

main #tbn #lower-carousel div div{
    position: absolute;
    bottom: 15px;
    padding: 0 12px;
    color: #FFF;
    font-size: clamp(1rem, 2vw, 1.1rem);
}

main #tbn #lower-carousel div div p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

main #tbn > a{
    display: flex;
    justify-content: flex-end;
    font-size: 22px;
    align-items: center;
    text-transform: uppercase;
    margin: 30px 100px 70px 0;
    font-weight: 700;
    color: #343A40;
}

main #tbn > a svg{
    width: 35px;
    margin-left: 10px;
}






.splide-tribuna-play {
    position: relative;
}

.splide-tribuna-play .splide__pagination{
    display: none;
}
.splide-tribuna-play .splide__slide{
    width: 255px !important;
}

.splide-tribuna-play .splide__arrow{
    background-color: #FFF;
    opacity: 1;
}

.splide-tribuna-play .splide__arrow svg {
    fill: #9B9B9B;
}
*/