.flex-box{
    display: flex;
    flex-wrap: wrap;
}

.flex-center{
    justify-content: center;
}

html, body{
    background: #efefef;
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.ancho-completo{
    flex-basis: 100%;
}

.space-between{
    justify-content: space-between;
}

.white-box{
    background: #fff;
}

.main-footer{
    background: #fff;
    padding: 30px 0px 50px 0px;
}

.copyright{
    text-align: center;
    color: #000;
    font-size: 16px;
}

.items-center{
    align-items: center;
}

.img-canal-box{
    width: 400px;
    height: 350px;
}

.logo-footer{
    margin: 0px 0px 15px 0px;
}

@media (min-width: 1024px){
    .flex-container{
        width: 1100px;
    }

    .logo-header{

    }

    .en-vivo-title{
        text-transform: uppercase;
        font-weight: 700;
        color: #fff;
        font-size: 44px;
    }

    .envivo-player{
        width: 100%;
        background: #000;
        padding: 15px;
        border-radius: 10px;
    }

    .envivo-player iframe{
        width: 100%;
        aspect-ratio: 16/9;
        height: auto;
    }

    .flex-23{
        flex-basis: 23%;
    }

    .imagen-talento{
        margin-bottom: 15px;
    }

    .box-padding{
        padding: 15px;
    }

    .talento-nombre{
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 6px;
        color: #000;
        background: #07f8d5;
        padding: 3px;
    }

    .talento-programa{
        text-align: center;
    }

    .talentos-header{
        flex-basis: 100%;
        font-size: 36px;
        font-weight: 700;
        text-align: center;
        margin-bottom: 30px;
    }

    .talentos-main-box{
        margin: 50px 0px;
    }

    .main-header{
        background: #fff;
        padding: 15px 0px;
    }

    .capital-live-box{
        background: #0362a9;
        padding: 30px 0px 50px 0px;
    }

    .box-talento{
        height: 286px;
        margin-bottom: 30px;
    }

    .menu-principal{
        list-style: none;
        display: flex;
        padding: 0;
        margin: 0;
    }

    .menu-principal li{
        margin-right: 15px;
    }

    .menu-principal li a{
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 700;
        color: #07f8d5;
        background: #000;
        padding: 7px 15px;
        border-radius: 20px;
    }

    .menu-principal li a:hover{
        color: #000;
        background: #07f8d5;
    }

    .top-redes{
        display: flex;
        list-style: none;
        padding: 2px 30px;
        margin: 0;
        background: #000;
        border-radius: 25px;
    }

    .top-redes li{
        margin: 0px 5px;
    }
}

@media (max-width:1023px){
    .flex-container{
        width: 100%;
    }

    .logo-header{

    }

    .en-vivo-title{
        text-transform: uppercase;
        font-weight: 700;
        color: #fff;
    }

    .envivo-player{
        width: 100%;
        background: #000;
        padding: 15px;
        border-radius: 10px;
    }

    .envivo-player iframe{
        width: 100%;
        aspect-ratio: 16/9;
        height: auto;
    }

    .flex-23{
        flex-basis: 100%;
    }

    .imagen-talento{
        margin-bottom: 15px;
    }

    .box-padding{
        padding: 15px;
    }

    .talento-nombre{
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 6px;
        color: #000;
        background: #07f8d5;
        padding: 3px;
    }

    .talento-programa{
        text-align: center;
    }

    .talentos-header{
        flex-basis: 100%;
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        margin-bottom: 30px;
    }

    .talentos-main-box{
        margin: 15px 0px;
    }

    .main-header{
        background: #fff;
        padding: 15px 0px;
    }

    .capital-live-box{
        background: #0362a9;
        padding: 30px 15px 50px 15px;
    }

    .box-talento{
        margin-bottom: 30px;
    }

    .box-mobile{
        padding: 0px 15px;
    }

    .menu-principal{
        list-style: none;
        display: flex;
        padding: 0;
        margin: 0;
        flex-basis: 100%;
        justify-content: space-around;
        margin-bottom: 15px;
    }

    .menu-principal li{

    }

    .menu-principal li a{
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 700;
        color: #07f8d5;
        background: #000;
        padding: 7px 15px;
        border-radius: 20px;
    }

    .menu-principal li a:hover{
        color: #000;
        background: #07f8d5;
    }

    .top-redes{
        display: flex;
        list-style: none;
        padding: 2px 30px;
        margin: 0px auto;
        background: #000;
        border-radius: 25px;
        justify-content: center;
        width: 189px;
    }

    .top-redes li{
        margin: 0px 5px;
    }
}

.border-radius{
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
}

.transition{
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.redes-icon {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

.facebook-white-icon {
    background: url(https://storage.googleapis.com/struggledtechsolutions/tvn24/redes/facebook-white-icon.png);
}

.x-white-icon {
    background: url(https://storage.googleapis.com/struggledtechsolutions/tvn24/redes/x-white-icon.png);
}

.instagram-white-icon {
    background: url(https://storage.googleapis.com/struggledtechsolutions/tvn24/redes/instagram-white-icon.png);
}

.youtube-white-icon {
    background: url(https://storage.googleapis.com/struggledtechsolutions/tvn24/redes/youtube-white-icon.png);
}

.space-around{
    justify-content: space-around;
}