/* #Primary
================================================== */
h6,h5,h4,h3,h2,h1,p,span{margin-bottom: 0;}

html{
    position: relative;
}
body{
    background-color: transparent;
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    overflow-x: hidden;
    background: linear-gradient(0deg, #000 0%, #230050 50%, #000 100%) no-repeat;
    text-align: left;
}
body.radio{
    background: linear-gradient(180deg, #000 12.12%, #000 100%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    height: 100%;
}
body.carta{
    background: linear-gradient(180deg, #000 13.85%, #003315 54.87%, #000 95.89%);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
body.podcast{
    background: linear-gradient(180deg, #000 12.12%, #2B0029 53.96%, #000 100%);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
body.podcast-details{
    background: linear-gradient(180deg, #000 34.3%, #30001D 62.02%, #000 92.52%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
main{
    overflow-x: hidden;
}
a{ text-decoration: none;}
.relativo{ position: relative;}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button-bevel;
}
.bmpui-ui-watermark {
    display: none;
}
:focus-visible{
    outline: none;
    outline-color: transparent;
}
:-internal-direct-focus {
    outline-color: transparent;
}
.padding-desktop{
    padding-left: 80px;
}
.half-center.noticias .padding-desktop{
    margin-left: 8.33333333%;
    padding-left: 0;
}
.front-1{
    position: relative;
    z-index: 2;
}
:root{
    --border-radius: 50px;
    --gradient-color-end: #f50057;
    --gradient-color-start: #004dfd;
    --gradient-degree: -50deg;
}
/* #header
================================================== */
header{
    padding-top: 33px;
    padding-bottom: 20px;
    z-index: 999;
    width: 100%;
    transition: ease-out 0.25s;
    height: 80px;
}
header.scroll-on {
    background: #000000;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05);
}
.menu-mxplus .navbar{
    padding-top: 0;
    padding-bottom: 0;
}
.menu-mxplus .navbar-brand{
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 50px;
}
.menu-mxplus .navbar-nav .nav-item .nav-link{
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding-left: 0;
    padding-right: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.menu-mxplus .navbar-nav .nav-item .nav-link.dropdown-toggle.show {
    z-index: 1020;
    position: relative;
    background-color: #000000;
}
.menu-mxplus .navbar .navbar-nav .dropdown.submenu .dropdown-menu{
    left: 50%;
    top: -2px;
    transform: translateX(-50%);
    padding-top: 45px;
    background-color: #000;
    border: 2px solid #FFF;
    border-top-left-radius:  0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    padding-bottom: 15px;
    height: 290px;
    overflow-y: scroll;
    margin: 0;
}
.menu-mxplus .navbar .navbar-nav .dropdown.submenu .nav-link .arrow{
    width: 13px;
    height: 13px;
    display: inline-block;
    position: relative;
    bottom: -5px;
    left: -10px;
    transition: 0.4s ease;
    margin-top: 2px;
    text-align: left;
    transform: rotate(45deg);
    float: right;
    margin-left: 12px;
}
.menu-mxplus .navbar .navbar-nav .dropdown.submenu .nav-link .arrow:before, .menu-mxplus .navbar .navbar-nav .dropdown.submenu .nav-link .arrow:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 12px;
    height: 3px;
    background-color: #fff;
    transition: 0.4s ease;
}
.menu-mxplus .navbar .navbar-nav .dropdown.submenu .nav-link .arrow:after {
    position: absolute;
    transform: rotate(90deg);
    top: -5px;
    left: 5px;
}
.menu-mxplus .navbar .navbar-nav .dropdown.submenu .nav-link.dropdown-toggle.show .arrow:after {
    transform: rotate(0deg);
}
.menu-mxplus .navbar .navbar-nav .dropdown.submenu .nav-link.dropdown-toggle.show .arrow::before {
    transform: rotate(-90deg);
}
.menu-mxplus .navbar-nav .nav-item .nav-link.dropdown-toggle[aria-expanded="true"]::before {
    content:"";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 100%;
    min-width: 127px;
    height: 37px;
    background-color: #000000;
    border: 0;
    z-index: -1;
}
.menu-mxplus .navbar .navbar-nav .dropdown.submenu .nav-link.dropdown-toggle::after{
    display: none;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
/* #style-bar {
    scrollbar-width: none;
    scrollbar-color: #FFFFFF #000000;
} */
/* Chrome, Edge, and Safari */
/* #style-bar::-webkit-scrollbar {
    width: 10px;
    height: 20px;
}
#style-bar::-webkit-scrollbar-track {
    background: #000000;
    height: 20px;
}
#style-bar::-webkit-scrollbar-thumb {
    background-color: #FFFFFF;
    border-radius: 10px;
    border: 3px solid #000000;
    height: 20px;
} */
.menu-mxplus .navbar .navbar-nav .dropdown.submenu .dropdown-menu .dropdown-item{
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.menu-mxplus .navbar .navbar-nav .dropdown.submenu .dropdown-menu .dropdown-item:focus,.menu-mxplus .navbar .navbar-nav .dropdown.submenu .dropdown-menu .dropdown-item:active{
    background-color: transparent;
}
.menu-mxplus .navbar .navbar-nav .dropdown.submenu .dropdown-menu .dropdown-item:hover{
    color: #a300e5;
    background-color: transparent;
}
.menu-mxplus .wapper-live{
    padding: 5px 24px 5px 40px;
    border-radius: 14px;
    background: linear-gradient(122deg, #FF00F4 0%, #BD00E8 100%);
    position: relative;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.menu-mxplus .wapper-live .pulse-vivo {
    width: 12px;
    height: 12px;
    border-radius: 50px;
    box-shadow: 0 0 0 0 #FFFFFF;
    background-color: #FFFFFF;
    cursor: pointer;
    animation: pulsevivo 1500ms infinite;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
@keyframes pulsevivo {
    0% {
        box-shadow: 0 0 0 0 #FFFFFF;
      }
      100% {
        box-shadow: 0 0 0 17px #fbb32f01;
      }
}
@keyframes pulsevivoch {
    0% {
        box-shadow: 0 0 0 0 #000000;
      }
      100% {
        box-shadow: 0 0 0 17px #fbb32f01;
      }
}
.menu-mxplus .navbar-nav .nav-item .nav-link .wapper-live span{
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: initial;
    padding-left: 0;
    padding-right: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.menu-mxplus .navbar-nav .nav-item .nav-link.vivo:hover .wapper-live{
    background: #FFFFFF;
}
.menu-mxplus .navbar-nav .nav-item .nav-link.vivo:hover span{
    color: #FF00F4;
}
.menu-mxplus .nav-item .nav-link.vivo:hover .wapper-live .pulse-vivo {
    box-shadow: 0 0 0 0 #FF00F4;
    background-color: #FF00F4;
    animation: pulsevivohover 1500ms infinite;
}
@keyframes pulsevivohover {
    0% {
        box-shadow: 0 0 0 0 #FF00F4;
      }
      100% {
        box-shadow: 0 0 0 17px #fbb32f01;
      }
}
.menu-mxplus .navbar .search-container {
	position: relative;
	display: inline-block;
	height: 35px;
	width: 35px;
    margin: 0 36px;
}
.menu-mxplus .navbar .search-container .mglass {
	display: inline-flex;
    pointer-events: none;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
}
.menu-mxplus .navbar .search-container .searchbutton {
	position: absolute;
    width: 45px;
    height: 35px;
    margin: 0;
    padding: 0;
    color: #FFF;
    cursor: pointer;   
}
.menu-mxplus .navbar .search-container .search {
	position: absolute;
	left: 49px; 
	background-color: white;
	outline: none;
	border: none;
	padding: 0;
	width: 0;
	height: 100%;
	z-index: 10;
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
}
.menu-mxplus .navbar .search-container .expandright {
	left: auto;
	right: 35px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    background: #D9D9D9;
}
.menu-mxplus .navbar .search-container .search.active + .searchbutton {
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	background: #D9D9D9;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.menu-mxplus .navbar .search-container .search.active {
	width: 363px; 
	padding: 0 16px 0 0;
}
.menu-mxplus .navbar .search-container .expandright.active {
	padding: 0 0 0 16px;
}
.menu-mxplus .navbar .search-container .search.active + .searchbutton .mglass svg{
    fill: #000;
}
.menu-mxplus .navbar .user-container .dropdown-toggle{
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
}
.menu-mxplus .navbar .user-container .btn:first-child:active{
    background-color: transparent;
}
.menu-mxplus .navbar .user-container .btn:focus-visible{
    box-shadow: none;
}
.menu-mxplus .navbar .user-container .dropdown-toggle::after {
    display: none;
}
.menu-mxplus .navbar .dropdown.user-container .dropdown-menu{
    left: 0;
    top: 40px;
    transform: translateX(-59%);
    background-color: #000;
    border: 1px solid #FFF;
    border-top-left-radius:  0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 30px;
    margin: 0;
}
.menu-mxplus .navbar .dropdown.user-container .dropdown-menu .dropdown-item{
    color: #FFF;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: right;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    padding: 13px 35px;
}
.menu-mxplus .navbar .dropdown.user-container .dropdown-menu li:nth-child(4) .dropdown-item{
    padding-bottom: 13px;
}
.menu-mxplus .navbar .dropdown.user-container .dropdown-menu .dropdown-item:hover{
    color: #000000;
}
/*switch styles*/
.switch--color{
    padding: 15px 35px;
}
.switch--color div.btn-container{
    text-align: right;
}
.switch--color label {
    cursor: pointer;
}
.btn-color-mode-switch{
    display: inline-block;
    margin: 0px;
    position: relative;
}
.btn-color-mode-switch > label.btn-color-mode-switch-inner{
    margin: 0px;
    width: 82px;
    height: 33px;
    background: #E0E0E0;
    border-radius: 26px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
    /*box-shadow: 0px 0px 8px 0px rgba(17, 17, 17, 0.34) inset;*/
    display: block;
}
.btn-color-mode-switch > label.btn-color-mode-switch-inner:before{
    content: url(../img/main/icon-light.svg);
    position: absolute;
    top: 59%;
    transform: translateY(-50%);
    right: 12px;
}
.btn-color-mode-switch > label.btn-color-mode-switch-inner:after{
    content: "";
    width: 27px;
    height: 27px;
    border-radius: 50%;
    position: absolute;
    left: 6px;
    top: 3px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 6px -2px #111;
    background-color: #000000;
}
.btn-color-mode-switch > .alert{
    display: none;
    background: #FF9800;
    border: none;
    color: #fff;
}
.btn-color-mode-switch input[type="checkbox"]{
    cursor: pointer;
    width: 27px;
    height: 27px;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    margin: 0px;
}
.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner{
    background: #FFFFFF;
    color: #000000;
}
.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:after{
    content: '';
    left: 50px;
    background: #FFFFFF;
}
.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:before{
    content: url(../img/main/icon-moon.svg);
    right: auto;
    left: 10px;
    top: 60%;
}
.btn-color-mode-switch input[type="checkbox"]:checked ~ .alert{
    display: block;
}
/*mode preview*/
/* .dark-preview{
    background: #0d0d0d;
}
.white-preview{
    background: #fff;
} */

.menu-sidebar-collapse {
    position: fixed;
    width: 235px;
    top: 60px;
    padding: 0;
    background-color: #999;
    color: white;
    right: -300px;
    transition: right 300ms ease-out;
    -webkit-transition: right 300ms ease-out;
    border-bottom-left-radius: 30px;
    z-index: 99999;
}
.menu-sidebar-collapse.open {
    right: 0;
}
.menu-sidebar-collapse .btn-menu{
    margin-top: 20px;
    margin-left: 20px;
}
.menu-sidebar-collapse .menu--sidebar{
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-sidebar-collapse .menu--sidebar li{
    position: relative;
}
.menu-sidebar-collapse .menu--sidebar li a{
    color: #FFF;
    text-align: right;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-right: 34px;
    padding-bottom: 11px;
    padding-top: 11px;
}
.menu-sidebar-collapse .menu--sidebar li:first-child{
    margin-bottom: 30px
}
.menu-sidebar-collapse .menu--sidebar li a:hover{
    text-decoration: underline;
}
.menu-sidebar-collapse .social-media-menu ul{
    padding-top: 20px;
}
.menu-sidebar-collapse .social-media-menu .nav-link{
    padding: 0;
}
.menu-sidebar-collapse .social-media-menu .nav-link{
    padding: 0;
}
.menu-sidebar-collapse .social-media-menu li{
    margin-right: 10px;
}
.menu-mxplus .dropdown.user-container .logOut{
    padding: 10px 0;
    border-top: 2px solid #FFFFFF;
}
.menu-mxplus .dropdown.user-container .logOut.ss{
    border-top: 0;
}
header {
    padding-top: 17px;
    padding-bottom: 17px;
}
.menu-mxplus .navbar-brand img{
    width: 63px;
}
.menu-mxplus .menu--toggle.hamburgesa{
    width: 19px;
    height: 19px;
    position: relative;    
}
.nav-tgl {
    cursor: pointer;
    position: fixed;
    z-index: 100;
    right: 21px;
    top: 20px;
    width: 19px;
    height: 19px;
    border: none;
    border-radius: 50%;
    padding: 0;
    background: transparent;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.24);
    line-height: 0.6;
    text-align: center;
    align-items: center;
    display: flex;
}
.nav-tgl > span {
    display: inline-block;
    position: relative;
    height: 2px;
    width: 19px;
    border-radius: 1px;
    background: #FFFFFF;
    vertical-align: middle;
}
.nav-tgl > span:before, .nav-tgl > span:after {
    display: inline-block;
    position: absolute;
    content: "";
    height: 2px;
    border-radius: 1px;
    background: #FFFFFF;
    transition: all 200ms;
}
.nav-tgl:focus {
    outline: none;
}
.nav-tgl > span:before {
    top: -8px;
    left: 0px;
    width: 11px;
}
.nav-tgl > span:after {
    top: 8px;
    left: 8px;
    width: 11px;
}
.menu--toggle.active .nav-tgl{
    top: 19px;
    right: 20px;
}
.menu--toggle.active .nav-tgl > span {
    height: 0;
}
.menu--toggle.active .nav-tgl > span:after, .menu--toggle.active .nav-tgl > span:before {
    top: 0px;
    left: 0;
    width: 24px;
}
.menu--toggle.active .nav-tgl > span:after {
    transform: rotate(-45deg);
}
.menu--toggle.active .nav-tgl > span:before {
    transform: rotate(45deg);
}
.profiles .box-profile .bg-degree{
    width: 34px;
    height: 34px;
    margin: 0 auto;
    position: relative;
}
.profiles .box-profile .border-gradient{
    border-radius: 50%; 
    /* background: linear-gradient(black, black) padding-box, linear-gradient(45deg, #00F0FF, #FF00E5) border-box;  */
    border: 2px solid transparent; 
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.profiles .box-profile .initials{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
}
@media (max-width: 767px) {
    header{
        background-color: #000000;
        height: 65px;
    }
    .btn-resgistrate {
        padding-top: 22px;
    }
    .container, .container-fluid{
        padding-left: 24px;
        padding-right: 21px;
    }
    .menu-mxplus .navbar-brand {
        opacity: 1 !important;
    }
    .menu-mxplus .navbar .search-container {
        position: relative;
        display: inline-block;
        height: 25px;
        width: 25px;
        margin: 0 23px 0 0;
    }
    .menu-mxplus .navbar .search-container .search.active {
        width: 140px;
        padding: 0 16px;
        right: 25px;
    }
    .menu-mxplus .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 100px;
        display: flex;
        align-items: center;
    }
    .menu-mxplus .navbar.d-block .dropdown.user-container{
        margin-right: 22px;
    }
    .menu-mxplus .navbar .user-container .dropdown-toggle {
        padding: 0;
        margin: 0;
        border: 0;
        background: transparent;
        width: 25px;
        height: 25px;
    }
    .menu-mxplus .navbar .user-container .dropdown-toggle img{
        width: 100%;
        vertical-align: initial;
    }
    .menu-mxplus .navbar .search-container .searchbutton {
        width: 25px;
        height: 25px;
    }
    .menu-mxplus .navbar .search-container .mglass {
        width: 25px;
        height: 25px;
    }
    .menu-mxplus .navbar .dropdown.user-container .dropdown-menu {
        position: fixed;
        width: 220px;
        left: inherit;
        right: 0;
        top: 60px;
        transform: initial;
        background-color: #000;
        border: 1px solid #FFF;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 30px;
        margin: 0;
        padding: 0;
    }
    .switch--color {
        padding: 9px 29px 0;
    }
    .menu-mxplus .navbar .dropdown.user-container .dropdown-menu .dropdown-item {
        font-size: 15px;
        padding: 10px 29px;
    }
    /* .menu-mxplus .navbar .dropdown.user-container .dropdown-menu li:nth-child(2) {
        padding-top: 23px;
    } */
    .btn-color-mode-switch > label.btn-color-mode-switch-inner {
        width: 70px;
        height: 25px;
    }
    .btn-color-mode-switch > label.btn-color-mode-switch-inner:after {
        content: "";
        width: 20px;
        height: 20px;
    }
    .btn-color-mode-switch > label.btn-color-mode-switch-inner:before {
        right: 12px;
        width: 20px;
        height: 20px;
        top: 50%;
    }
    .menu-mxplus .navbar .dropdown.user-container .dropdown-menu li:nth-child(4) .dropdown-item {
        padding-bottom: 15px;
    }
    .menu-mxplus .dropdown.user-container .logOut {
        padding: 0;
        border-top: 2px solid #FFFFFF;
    }
    .menu-mxplus .dropdown.user-container .dropdown-menu .logOut a.dropdown-item {
        padding: 20px 29px 30px;
    }
    .btn--vivos{
        display: inline-grid;
        width: 100%;
        text-align: center;
        align-items: center;
        justify-content: center;
        padding-top: 21px;
        padding-bottom: 96px;
    }
    .btn--vivos .nav-link{
        display: flex;
        margin-bottom: 15px;
    }
    .menu-sidebar-collapse .menu--sidebar li:first-child a{
        padding: 24px 22px 30px;
        border-bottom: 1px solid #FFFFFF;
    }
    .menu-sidebar-collapse .navbar-nav .nav-link {
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    }
    .menu-sidebar-collapse .wapper-live {
        padding: 5px 24px 11px 38px;
        border-radius: 34px;
        background: linear-gradient(122deg, #FF00F4 0%, #BD00E8 100%);
        position: relative;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
        height: 38px;
        font-size: initial;
        font-weight: initial;
        width: 161px;
    }
    .menu-sidebar-collapse .wapper-live .pulse-vivo {
        width: 12px;
        height: 12px;
        border-radius: 50px;
        box-shadow: 0 0 0 0 #FFFFFF;
        background-color: #FFFFFF;
        cursor: pointer;
        animation: pulsevivo 1500ms infinite;
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    }
    .menu-sidebar-collapse .btn--vivos .wapper-live span {
        color: #FFF;
        text-align: right;
        font-feature-settings: 'clig' off, 'liga' off;
        font-family: Montserrat;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        padding-left: 0;
        padding-right: 0;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
        text-transform: uppercase;
    }
    .menu-sidebar-collapse .menu--sidebar li a:hover {
        text-decoration: none;
    }
    .menu-sidebar-collapse .menu--sidebar li a.active {
        position: relative;
    }
    .menu-sidebar-collapse .menu--sidebar li a.active::before {
        content: '';
        background-color: #000000;
        position: absolute;
        right: 0;
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
        width: 74%;
        height: 45px;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
    }
    .modal__vertical{
        background-color: #000000;
        z-index: 99999;
    }
    .modal__vertical .modal-content{
        background-color: #000000;
        justify-content: center;
    }
    .modal__vertical .modal-content .modal-header{
        border-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .modal__vertical .modal-content .modal-body{
        max-height: 88vh;
    }
    .modal__vertical .modal-content .modal-header .btn-close{
        color: #FFFFFF;
        opacity: 1;
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>");
    }
    .modal__vertical .swiper__vertical {
        width: 100%;
        height: 100%;
    }
    .modal__vertical .swiper__vertical .swiper-slide {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        transition: all 200ms linear;
        transform: scale(0.8);
        color: #FFF;
        text-align: center;
        font-feature-settings: 'clig' off, 'liga' off;
        font-family: Montserrat;
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
    }
    /* .modal__vertical .swiper-slide.swiper-slide-active {
        transform: scale(1);
    } */
    .modal__vertical .swiper-button-prev, .swiper-rtl .swiper-button-next {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .modal__vertical .swiper-button-next, .swiper-rtl .swiper-button-prev {
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        top: initial;
    }
    .modal__vertical .swiper-button-prev:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        text-transform: none!important;
        letter-spacing: 0;
        font-variant: initial;
        line-height: 1;
        content: url('../img/main/arrow-up-slider-vertical.svg');
    }
    .modal__vertical .swiper-button-next:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        text-transform: none!important;
        letter-spacing: 0;
        font-variant: initial;
        line-height: 1;
        content: url('../img/main/arrow-down-slider-vertical.svg');
    }
    .modal__vertical .modal-body .swiper-slide a{
        color: #FFF;
        text-align: center;
        font-feature-settings: 'clig' off, 'liga' off;
        font-family: Montserrat;
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
    }
    .profiles .box-profile .bg-degree{
        width: 25px;
        height: 25px;
    }
    .profiles .box-profile .initials {
        font-size: 11px;
        line-height: 12px;
    }
}
@media (max-width: 320px) {
    .menu-mxplus .navbar .dropdown.user-container .dropdown-menu {
        width: 190px;
    }
    .menu-mxplus .navbar-brand {
        padding-right: 98px;
    }
    .menu-mxplus .navbar.d-block .dropdown.user-container {
        margin-right: -6px;
    }
    .menu-mxplus .navbar .search-container {
        margin: 0 -8px 0 0;
    }
    .btn--vivos{
        display: inline-grid;
        width: 100%;
        text-align: center;
        align-items: center;
        justify-content: center;
        padding-top: 21px;
        padding-bottom: 46px;
    }
}
/* #Slide
================================================== */
.slider--main .swiper-zoom-container .swiper-slide {
  cursor: pointer;
}
.slider--main .swiper-zoom-container img {
    width: 100%;
    /* max-height: 700px; */
    height: auto;
}
.slider--main .swiper-zoom-container .desktop {
    display: block;
    transition: 0.2s;
}
.slider--main .swiper-zoom-container .mobile {
        display: none;
}
.main-slider .swiper-slide {
    cursor: pointer;
    background: rgba(0,0,0,0);
    opacity: 0.15;
    transition: all 0.3s ease-in;
}
.main-slider .swiper-slide.swiper-slide-active {
    opacity: 1;
}
.main-slider .swiper-slide img {
    width: 100%;
    height: auto;
}
.main-slider .swiper-slide .desktop {
    display: block;
    transition: 0.2s;
}
.main-slider .swiper-slide .mobile {
        display: none;
}
/* thumbs */
.gallery-thumbs .swiper-slide {
    width: auto;
    border-radius: 15px;
    opacity: 0.8;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
    -webkit-filter: initial; /* Safari 6.0 - 9.0 */
    filter: initial;
}
.gallery-thumbs .swiper-slide img{
    border-radius: 15px;
    width: 100%;
}
.gallery-thumbs .swiper-slide-active{
    border: solid 3px #FFFFFF;
}
.slider--main .gallery-thumbs img {
    cursor: pointer;
    width: auto;
    height: 191px;
    object-fit: cover;
}
@media (hover:none), (pointer:coarse){   
  .swiper-button-prev, .swiper-button-next{
    display: none;
  }
}
.slider--main .slide-content{
    position: absolute;
    top: 40%;
    transform: translateY(-40%);
    left: 10%;
    width: 25%;
    z-index: 999;
}
.slider--main .slide-content .slide-logo{
    width: auto;
    height: auto;
    display: inline-grid;
}
.slider--main .slide-content .slide-logo img{
    width: 100%;
}
.slider--main .slide-content .slide-description{
    margin-top: 29px;
    margin-bottom: 31px;
}
.slider--main .slide-content .slide-description p{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.slider--main .slide-elements{
    display: flex;
    align-items: center;
    position: relative;
}
.slider--main .slide-elements .slide-btn-play{
    border-radius: 79px;
    background-color: #FFFFFF;
    display: inline-block;
    position: relative;
    height: 34px;
    transition: 0.2s;
}
.slider--main .slide-elements .slide-btn-play a{
    padding: 8.81px 25px;
    color: #000;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    transition: 0.2s;
}
.slider--main .slide-elements .slide-btn-play span{
    margin-right: 11px;
    display: inline-flex;
}
.slider--main .slide-elements .slide-btn-play span::before{
    content: '';
    width: 14px;
    height: 14px;
    background-image: url('../../assets/img/main/icon-play.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
    transition: 0.2s;
}
@media (hover: hover) {
    .slider--main .slide-elements .slide-btn-play:hover span::before{
        background-image: url('../../assets/img/main/icon-play-white.svg');
    }
    .slide-btn-play:hover {
        background: linear-gradient(135deg, #00F0FF 0%, #FF00E5 100%);
        border-radius: 79px;
    }
    .slider--main .slide-elements .slide-btn-play a:hover{
        color: #FFFFFF;
    }
}
.slider--main .slide-elements .slide-btn-share{
    position: relative;
    margin-left: 29px;
}
.icon__item__share{
    cursor: pointer;
    position: relative;
}
.icon__item__share .copy {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    opacity: 1;
    transition: all 0.1s ease;
}
.icon__item__share .tooltip {
    position: absolute;
    top: 30px;
    left: -30px;
    background: #373737;
    padding: 10px 15px;
    display: flex;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    letter-spacing: 1px;
    opacity: 0;
}
.icon__item__share .tooltip.appear {
    animation: appear 1s ease;
}
@keyframes appear {
    0% {
      opacity: 0;
    }
    20% {
      transform: translateY(10px);
      opacity: 1;
    }
    80% {
      transform: translateY(0px);
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
}
.share-wrapper {
    float: left;
    min-width: 350px;
}
.share-wrapper .share {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: #fff;
    background-color: transparent;
    border: 1px solid #FFFFFF;
    text-align: center;
    line-height: 2;
    font-size: 22px;
    cursor: pointer;
    transition: background-color 0.4s;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .28);
    -webkit-text-stroke: 5px transparent;
}
.share-wrapper .share.active {
	 background-color: #000;
}
.share-wrapper .share.active:before {
    content: "";
}
.share-wrapper .share.active + .social li {
    transform: scale(1);
}
.share-wrapper .share.active + .social li:hover {
    transform: scale(1.1);
}
.share-wrapper ul.social {
    opacity: 0;
    visibility: hidden;
    list-style-type: none;
    padding: 0;
    margin: 0;
    transform: translate(-3rem, 3rem);
    transition: visibility 0.4s, opacity 0.4s, -webkit-transform 0.4s;
    display: inline-flex;
    margin-left: 8px;
}
.share-wrapper ul.social.active {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
}
.share-wrapper ul.social li {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: #fff;
    background-color: transparent;
    border: 1px solid #FFFFFF;
    text-align: center;
    line-height: 1.9;
    font-size: 22px;
    cursor: pointer;
    margin-right: 10px;
    box-shadow: 0.5px 0.87px 4px 0 rgba(0, 0, 0, .3);
    transition: all 0.4s;
    transform: scale(0.4);
}
.share-wrapper ul.social li a > i {
    color: #FFFFFF;
}
.slide-btn-share.fixed--top{
    display: none;
}
.swiper-slide .overlay {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, #000 -14%, rgba(136, 175, 190, 0.1) 11%, rgba(63, 146, 162, 0.00) 90%, #000 114%);
    z-index: 1;
    visibility: visible;
    height: 100%;
}
.overlay-35:before {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    height: 100%;
    z-index: 0;
    visibility: visible;
}



/* #Horizontal Slider
================================================== */
:root {  
  --swiper-theme-color: #e5e5e5 !important;
  --swiper-visibility: hidden;
  --see-all-link: 00px;
  --aro-row-chevron: none;
  --opacity: 0;
  --font-size: 1px;
}
.horizontal--slider { 
    margin-top: 2rem; 
    position:relative;
    padding-left: 80px;
    padding-right: 30px;
    width: 100%;
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
}
.title--slider{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 40px;
}
.p--row{
    padding-top: 60px;
    padding-bottom: 30px;
}
.noticias .title--slider{
    padding-left: 45px;
}
.title--slider.top{
    padding-left: 0;
}
.horizontal--slider .swiper{
    overflow: visible;
}
.horizontal--slider .swiper{
    position: initial;
}
.horizontal--slider span{
  color: #54b9c5;
  font-size: 16px;
  margin-left: 6px;
  font-weight: 600;
}
.horizontal--slider .swiper-slide{ 
    transition: all 300ms ease-in-out; 
    border-radius: 15px;
    display: inline-table;
    max-width: 100%;
}
.horizontal--slider.radio .swiper-slide{ 
    transition: .25s ease-in-out;
    transition-property: transform;
}
.horizontal--slider .swiper-slide img{
    border-radius: 15px;
    max-width: 100%;
    cursor: pointer;
    width: 100%;
}
.horizontal--slider .swiper-slide img:active{
    cursor: grabbing;
}
.horizontal--slider .swiper-slide .serie-img{
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
}
.horizontal--slider .trailer-container{
    display: flex;
    gap: 10px;
}
.horizontal--slider .trailer-item{
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.horizontal--slider #trailer-video {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.horizontal--slider .swiper-slide .trailer-container #trailer-video{
    transition: opacity 0.5s ease-in-out;
    border-radius: 15px;
}
.horizontal--slider .swiper-slide:hover .serie-img{
    display: none;
    opacity: 0;
}
@media (min-width:768px){
    @media (hover: hover) {
        .horizontal--slider .swiper-slide:hover{
            transform: scale(1.3);
            transition: all 300ms ease-in-out;
            transition-delay: 300ms;
            z-index: 1;
            border-radius: 15px;
            margin-top: -30px;
        }
        .horizontal--slider.radio .swiper-slide:hover{
            transform: scale(1.2);
            transition: all 100ms ease-in-out;
            transition-delay: 100ms;
            z-index: 1;
            border-radius: 15px;
            margin-top: 0;
        }
        .horizontal--slider .customh-slider:hover {
            --see-all-link: 100px;
            --opacity: 1;
            --font-size: 18px;
        }
        .horizontal--slider .swiper:hover {
        --swiper-visibility: visible;
        --aro-row-chevron: inline-block;
        }
    }
    @media (hover: hover) {
        .horizontal--slider .swiper-slide:hover .overlay-slide{
            opacity: 1;
            background: #E2E2E2;
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            border-bottom-right-radius:0;
            border-bottom-left-radius:0;
        }
        .horizontal--slider .swiper-slide:hover > .details {
            display: block;
            transition-delay: 400ms;
        }
        .horizontal--slider .swiper-slide .details:hover .info-content{
            transition: all 400ms ease-in-out;
            transition-delay: 400ms;
        }
    }
}
.horizontal--slider .swiper-pagination{
  position: absolute;
    right: 50px;
    top: 50px;
    display: flex;
    height: 0.125rem;
    width: 6rem;
}
.horizontal--slider .swiper-button-next, .horizontal--slider .swiper-button-prev{ margin-top: 0;}
.horizontal--slider .swiper-button-next, .horizontal--slider .swiper-button-prev, .swiper-pagination-bullet{
  visibility: var(--swiper-visibility);
}
/* .horizontal--slider .swiper-button-next{
    background: rgba(0,0,0,0.70);
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    pointer-events: initial;
    height: 22%;
    transform: translateY(-50%);
    top: 60%;
    outline: none;
    padding-left: 30px;
    padding-right: 20px;
}
.horizontal--slider .swiper-button-prev {
    background: rgba(0,0,0,0.70);
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    pointer-events: initial;
    height: 22%;
    transform: translateY(-50%);
    top: 60%;
    outline: none;
    padding-left: 20px;
    padding-right: 30px;
} */
.horizontal--slider .customh-slider{
  display: flex;
  flex-direction: row;
  /* gap: 15px; */
  align-items: center;
}
.horizontal--slider .aro-row-chevron{
  display: var(--aro-row-chevron);
}
.horizontal--slider .see-all-link{
  width: var(--see-all-link);
  opacity: var(--opacity);
  font-size: var(--font-size);
  transition: width .4s linear, font-size .5s linear, opacity .2s linear;
  word-wrap: nowrap;
  margin-left: 10px;
}

.horizontal--slider .swiper-pagination-bullet{
  width: 18px;
  height: 2px;
  border-radius: 0;
  background: #808080;
  margin: 0 2px;
}
.horizontal--slider .swiper-pagination-bullet-active{
  background: #fff;
}

@media screen and (max-width: 640px) {
    .horizontal--slider .swiper-slide img {
        max-width: 100%;
        border-radius: 6px;
    }
    .horizontal--slider .swiper-pagination-bullet{
        width: 14px;
    }
}

@media screen and (max-width: 400px) {
    .horizontal--slider .swiper-slide img {
        max-width: initial;
        border-radius: 2px;
        width: 100%;
    }
    .horizontal--slider .swiper-pagination-bullet{
        width: 10px!important
    }
}
.horizontal--slider .swiper-slide .overlay-slide{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    z-index: -1;
}
.horizontal--slider .details {
    position: absolute;
    display: none;
    z-index: 9999;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    transition: all 400ms ease-in-out;
    transition-delay: 400ms;
    background: #E2E2E2;
    padding: 0 9px;
    width: 100%;
}
.horizontal--slider .swiper-slide .details .info-content{
    transition: all 400ms ease-in-out;
    transition-delay: 400ms;
}

.horizontal--slider .swiper-slide .details .info-content h5{
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-top: 12.24px;
    padding-bottom: 5px;
}
.horizontal--slider .swiper-slide .details .info-content p{
    color: #000;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
}
.horizontal--slider .swiper-slide .details .action-content{
    display: flex;
    justify-content: flex-end;
    /* align-items: end;
    position: absolute;
    bottom: 20px;
    right: 20px; */
    padding-bottom: 20px;
}
.horizontal--slider .swiper-slide .details .action-content a{
    margin-right: 20px;
}
.horizontal--slider .swiper-slide .details .action-content a:first-child{
    margin-left: 0;
}
.arrow--normal .swiper-button-next:after, .arrow--normal .swiper-rtl .swiper-button-prev:after {
    content: url('../img/main/arrow-right.svg');
}
.arrow--normal .swiper-button-prev:after, .arrow--normal .swiper-rtl .swiper-button-next:after {
    content: url('../img/main/arrow-left.svg');
}
.arrow--normal .swiper-button-next, .arrow--normal .swiper-button-prev {
    height: auto;
}
.custom-slider-2 .swiper{
    transform: scroll(calc(var(--i,0)/var(--n)*-100%));
    scroll-behavior: smooth;
    padding: 16px 40px 16px 80px;
}
.noticias .custom-slider-2 .swiper{
    padding-left: 8.33333333%;
}
.custom-slider-2 .swiper .swiper-slide img{
	object-fit: cover;
	border-radius: 15px;
	cursor: pointer;
	transition: .25s ease-in-out;
    width: 100%;
}
/* .custom-slider-2 .swiper .swiper-slide{
    -webkit-transition: 250ms all;
    transition: 250ms all;
} */
.custom-slider-2 .swiper .swiper-slide img:hover{
    transform: scale(1.05);
    box-shadow: 10px 10px 10px rgba(0,0,0,0.15);
}

@media (max-width: 767px) {
    .horizontal--slider .swiper {
        position: relative;
        overflow: initial;
    }
    .horizontal--slider {
        margin-top: 2rem;
        position: relative;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
        position: relative;
        padding-top: 0px;
        padding-bottom: 30px;
    }
    .title--slider {
        font-size: 18px;
        padding-bottom: 15px;
        padding-left: 0;
    }
    .title--slider.channel {
        padding-left: 20px;
    }
    .noticias .title--slider {
        padding-left: 20px;
    }
    .horizontal--slider .swiper-slide {
        border-radius: 15px;
        max-width: inherit;
        cursor: pointer;
    }
    .horizontal--slider .swiper-button-next, .horizontal--slider .swiper-button-prev, .swiper-pagination-bullet {
        visibility: hidden;
        top: 50%;
        transform: translateY(-50%);
    }
    .horizontal--slider .swiper-button-next, .horizontal--slider .swiper-rtl .swiper-button-prev {
        right: -20px;
        left: auto;
    }
    .horizontal--slider .swiper-button-prev, .horizontal--slider .swiper-rtl .swiper-button-next {
        left: -20px;
        right: auto;
    }
    .arrow--normal .swiper-button-next:after, .arrow--normal .swiper-rtl .swiper-button-prev:after {
        content: url('../img/main/arrow-right-m.svg');
    }
    .arrow--normal .swiper-button-prev:after, .arrow--normal .swiper-rtl .swiper-button-next:after {
        content: url('../img/main/arrow-left-m.svg');
    }
    .arrow--normal .swiper-button-next, .arrow--normal .swiper-button-prev {
        height: auto;
    }
    .p--row{
        padding-top: 30px;
        padding-bottom: 15px;
    }
}
@media (max-width: 320px) {
    
}

/* #Channel Slide
================================================== */
.channels-slider{
    padding-top: 60px;
    padding-bottom: 60px;
}
.channels-slider .swiper{
    padding-left: 80px;
    padding-bottom: 55px;
    padding-top: 55px;
}
.channel-card{
    width: 174px;
    height: 174px;
    box-sizing: border-box;
    position: relative;
    margin: auto;
}
.channel-bg{
    width: 100%;
    box-sizing: border-box;
    border-radius: 50%;
    box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
    position: relative;
    overflow: hidden;
}
.channel-bg img{
    position: relative;
    object-fit: cover;
    width: 100%;
}
.channel-logo{
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    transform: translate(-50%, -50%);
}
.channel-logo img{
    width: 100%;
    height: auto;
    max-width: 104px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 5px;
}
.channel-logo img.large{
    max-width: 140px;
}
.channels-slider .swiper-slide{
    transition: 450ms -webkit-transform;
    transition: 450ms transform;
    transition: 450ms all;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}
@media (hover: hover) {
    .channels-slider .swiper-slide:hover{
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    .channels-slider.radio-slider .swiper-slide:hover {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@media (max-width: 767px) {
    .channels-slider {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .channels-slider .swiper {
        padding-left: inherit;
        padding-bottom: inherit;
    }
    .channel-card {
        width: 130px;
        height: 130px;
        box-sizing: border-box;
        position: relative;
    }
    .channel-logo img {
        max-width: 70px;
        padding: 0;
    }
    .channel-logo img.large {
        max-width: 100px;
    }
    .channels-slider .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .channels-slider .swiper {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
@media (max-width: 320px) {
    .channels-slider .swiper {
        padding-left: 20px;
        padding-right: 20px;
    }
    .channel-card {
        width: 100px;
        height: 100px;
    }
    .channel-logo img {
        max-width: 55px;
        padding: 0;
    }
}
/* #Feature
================================================== */
.feature{
    padding: 100px 0;
}
.feature .img img{
    width: 100%;
}
.feature .content-feature{
    box-sizing: border-box;
    flex: 0 0 auto;
}
.feature .content-feature h3{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.feature .content-feature p{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
     margin: 35px 0 40px;
     display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.feature .content-feature .btn-more {
    box-sizing: border-box;
}
.feature .content-feature .btn-more a{
    border-radius: 79px;
    border: 2px solid #FFF;
    padding: 9px 57px;
    transition: 0.2s;
    color: #FFF;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.feature .content-feature .btn-more a > span{
    color: #FFF;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.feature.procine .img a{
    opacity:1;
    -webkit-transition:.5s ease-in-out;
    transition:.5s ease-in-out
}
.feature.procine .img a:hover{
    opacity: 0.6;
}
.btn-more .btn {
    position: relative;
    display: inline-block;
    background-color: transparent;
    border: none;
    cursor: pointer;
    border-radius: 79px;
}
.btn-more .btn span {         
    position: relative;
    display: inline-block;
    top: 0; 
    left: 0;
    transition: 0.3s;
}
.btn-more .btn-2::before {
    background: linear-gradient(135deg, #00F0FF 0%, #FF00E5 100%);
    transition: 0.3s ease-out;
}
.btn-more .btn-2 span {
    color: rgb(28, 31, 30);
    transition: 0.2s;
}  
.btn-more .btn.hover-opacity::before {
  top: 0; bottom: 0; right: 0;
  height: 100%; width: 100%;
  opacity: 0;
}
.btn-more .btn.hover-opacity::before,
.btn-more .btn.hover-opacity::after {
  position: absolute;
  content: "";
}
.content-rating .comment-rating small{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.content-rating .rating .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.content-rating .rating .glyphicon-star {
	 font-size: 24px;
	 color: #ffffff;
}
.content-rating .rating .glyphicon-star:before {
    content: url(/assets/img/main/icon-star.svg);
}
.content-rating .rating .glyphicon-star.half {
	 position: relative;
}
.content-rating .rating .glyphicon-star.half:before {
	 position: relative;
	 z-index: 9;
	 width: 47%;
	 display: block;
	 overflow: hidden;
}
.content-rating .rating .glyphicon-star.half:after {
	 content: '\e006';
	 position: absolute;
	 z-index: 8;
	 color: #bdc3c7;
	 top: 0;
	 left: 0;
}
.feature .social-feature{
    padding-top: 47px;
}
.feature .social-feature div{
    margin-right: 30px;
    width: 42px;
    height: 42px;
}
.feature .social-feature div a{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.feature .social-feature div:last-child{
    margin-right: 0;
}
.feature .social-feature div img{
    width: 100%;
}
@media (hover: hover) {
    .btn-more .btn.hover-opacity:hover::before {
        opacity: 1;
        border-radius: 79px;
    }
    .btn-more .btn-2 span:hover {
        color: rgb(255,255,255);
        transition: 0.2s 0.1s;
    }
}
@media (max-width: 767px) {
    .feature .content-feature h3{
        font-size: 30px;
    }
    .feature .content-feature p{
        font-size: 13px;
        text-align: justify;
    }
    .feature .content-rating .comment-rating small{
        font-size: 11px;
    }
    .feature .video{
        padding: 0 0 25px 0;
    }
    .feature.procine .text{
        padding-top: 30px;
    }
    .feature .content-feature .btn-more {
        box-sizing: border-box;
        text-align: center;
    }
}
@media (max-width: 320px) {
    
}

/* #Footer
================================================== */
main{
    padding-bottom: 20vh;
}
footer{
    padding: 0 0 18vh 0;
}
.footer-mxplus .list-footer{
    margin-top: 57px;
    padding-bottom: 37px;
}
footer .footer-mxplus .list-links .list-footer:last-child{
    margin-top: 0;
}
.footer-mxplus ul{
    list-style: none;
    display: inline-flex;
    padding-left: 0;
    margin-bottom: 0;
}
.footer-mxplus ul li{
    margin-right: 40px;
}
.footer-mxplus ul li:last-child{
    margin-right: 0;
}
.footer-mxplus a{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.footer-mxplus p{
    color: #FFF;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 33px;
    width: 62%;
    margin: auto;
}
.footer-mxplus a {
    position: relative;
    -moz-transition: ease-out 0.3s 0.1s;
    -o-transition: ease-out 0.3s 0.1s;
    -webkit-transition: ease-out 0.3s;
    -webkit-transition-delay: 0.1s;
    transition: ease-out 0.3s 0.1s;
}
.footer-mxplus a:active,.footer-mxplus a:hover {
    outline-width: 0;
    color: #797878;
}
.footer-mxplus a::after {
    height: 2px;
    width: 100%;
    background: white;
    content: "";
    position: absolute;
    left: 0px;
    bottom: -4px;
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.footer-mxplus a:hover::after {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
@media (max-width: 767px) {
    .footer-mxplus ul {
        display: block;
    }
    .footer-mxplus ul li {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .footer-mxplus .list-footer {
        margin-top: 57px;
        padding-bottom: 0;
    }
    .footer-mxplus a{
        font-size: 12px;
    }
    .footer-mxplus p {
        font-size: 12px;
        width: 100%;
    }
    main {
        padding-bottom: 11vh;
    }
}
@media (max-width: 320px) {
    
}


/* #Radio
================================================== */
.bg-header{
    background-image: var(--background-desktop-radio);
    width: 100%;
    min-height: 782px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
     position: relative;
}
.banner-header.carta{
    height: 690px;
}
.banner-header.repor{
    min-height: 482px;
}
.content-header{
    padding-top: 133px;
}
.title-header{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 30px;
}
.description-header{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.banner-header .overlay {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    bottom: -1px;
    left: 0;
    background: linear-gradient(0deg, #000 13.98%, rgba(91, 43, 163, 0.00) 76.6%);
    z-index: 0;
    visibility: visible;
    height: 55%;
}
.banner-header.serie .overlay {
    background: rgba(0, 0, 0, .5);
    height: 100%;
}
.banner-header.serie.section .overlay {
    background: rgba(0, 0, 0, .5);
    height: 100%;
}
.banner-header.up .overlay {
    background: rgba(0, 0, 0, .5);
    height: 100%;
}
.banner-header.up.section .overlay {
    background: rgba(0, 0, 0, .5);
    height: 100%;
}
.banner-header .banner-logo{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.banner-header.details-radio{
    min-height: 600px;
}
.half-radio {
    margin-top: -170px;
}
.cursor-pointer{
    cursor: pointer;
}
.pd-bread{
    padding-top: 30px;
    padding-bottom: 0;
}
.breadcrumb{
    margin-bottom: 0;
}
.breadcrumb .breadcrumb-item a, .breadcrumb .breadcrumb-item{
    color: #FFF;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.breadcrumb .breadcrumb-item.active{
    color: #b3b0b0;
}
@media (max-width: 767px) {
    .title-header {
        font-size: 35px;
        padding-bottom: 13px;
    }
    .description-header {
        font-size: 14px;
    }
    .banner-header.carta {
        height: 590px;
        min-height: 590px;
    }
    .half-radio {
        margin-top: 0;
    }
    .banner-header.bg-header.details-radio {
        min-height: 400px;
    }
    .banner-header.bg-header.details-radio img{
        width: 100%;
    }
    .banner-header.serie.section .overlay:before {
        background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
        height: 100%;
    }
    .banner-header.up.section .overlay:before {
        background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
        height: 100%;
    }
    .breadcrumb .breadcrumb-item a, .breadcrumb .breadcrumb-item{
        font-size: 14px;
    }
}
@media (max-width: 320px) {
    .banner-header.carta {
        min-height: 390px;
        height: 390px;
    }
}
/* #TV
================================================== */
.half-center{
    margin-top: -370px;
}
.half-middle{
    margin-top: -170px;
}
.page-channels{
    margin-bottom: 116px;
    z-index: 2;
    position: relative;
}
.page-channels .rows-channels .item{
    padding-bottom: 70px;
}
.page-channels .channel-card-page{
    width: 100%;
    height: 100%;
}
.page-channels .channel-card-page {
    width: 100%;
    box-sizing: border-box;
    border-radius: 20px;
    box-shadow: none;
    position: relative;
    overflow: hidden;
}
.page-channels .channel-card-page .bg{
    position: relative;
    width: 100%;
    object-fit: cover;
}
.page-channels .channel-bg-page{
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 205px;
    height: 205px;
}
.page-channels .channel-bg-page.large{
    width: 290px;
    height: 205px;
    top: 45%;
    transform: translate(-50%,-50%);
    left: 50%;
}
.page-channels .channel-logo-page {
    display: block;
    width: 100%;
    height: 100%;
}
.page-channels .channel-logo-page img {
    width: 100%;
    height: 100%;
}
.page-channels h4{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 86px;
    position: relative;
}
.page-channels .channel-card-bottom{
    position: absolute;
    width: 100%;
    bottom: 26px;
    left: 0;
    display: flex;
    padding: 0 18px;
}
.channel-card-bottom .channels-btn {
    padding: 10px 24px 10px 40px;
    border-radius: 79px;
    background: #FFFFFF;
    position: relative;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    width: 48%;
    float: left;
    display: flex;
    margin: auto;
    min-width: 153px;
    align-items: center;
    justify-content: center;
    z-index: 999;
}
.channel-card-bottom .channels-btn:last-child {
    margin-left: auto;
}
.channel-card-bottom .channels-btn .pulse-vivo {
    width: 12px;
    height: 12px;
    border-radius: 50px;
    box-shadow: 0 0 0 0 #000000;
    background-color: #000000;
    cursor: pointer;
    animation: pulsevivoch 1500ms infinite;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.channel-card-bottom .channels-btn a span {
    color: #000000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: initial;
    padding-left: 0;
    padding-right: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.page-channels .item .onclick{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
}
.pad-t-space{
    padding-top: 100px;
}
.details-tv{
    padding-bottom: 80px;
}
.details-tv.tv{
    padding-bottom: 50px;
}
.details-tv.noticieros h2{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.details-tv h2{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.details-tv.noticieros p{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.details-tv p{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.details-tv .list--cat{
    display: inline-flex;
    list-style: none;
    padding: 0;
}
.details-tv .list--cat li{
    --bs-badge-font-size: 0.75em;
    --bs-badge-color: #fff;
    margin-right: 10px;
    display: inline-block;
    font-size: var(--bs-badge-font-size);
    line-height: 1;
    color: var(--bs-badge-color);
    white-space: nowrap;
}
#customBtn .add-btn-bitmovin {
    position: absolute;
    bottom: 17px;
    left: 13.5%;
    visibility: 0;
    opacity: 0;
    -webkit-transition:opacity 3.8s, visibility 4s;
    transition:opacity 3.8s, visibility 4s;
}
#customBtn.active .add-btn-bitmovin{
    opacity: 1;
    -webkit-transition: opacity 0.3s, visibility 0s;
    transition: opacity 0.3s, visibility 0s;
}
.add-btn-bitmovin .rewind, .add-btn-bitmovin .forward{
    width: 25px;
    height: 27px;
    background-color: transparent;
    border: 0;
    padding: 0;
}
.add-btn-bitmovin button:last-child{
    margin-left: 10px;
}
.add-btn-bitmovin button img{
    width: 100%;
}

@media (max-width: 767px) {
    .half-center.noticias .padding-desktop {
        margin-left: 0;
        padding-left: 0;
    }
    .half-middle {
        margin-top: 0px;
    }
    .padding-desktop {
        padding-left: 0;
    }
    .padding-desktop.home {
        padding-left: 20px;
    }
    .custom-slider-2 .swiper {
        padding: 16px 40px 16px 20px;
    }
    .noticias .custom-slider-2 .swiper {
       padding: 16px 40px 16px 20px;
    }
    .pad-t-space {
        padding-top: 50px;
    }
    .feature {
        padding: 50px 0;
    }
    .half-center {
        margin-top: 0;
    }
    .half-center.noticias {
        margin-top: 0;
        padding-top: 50px;
    }
    .banner-header.bg-header{
        min-height: 500px;
    }
    .page-channels h4 {
        font-size: 15px;
        margin-bottom: 25px;
    }
    .page-channels .channel-bg-page {
        position: absolute;
        width: 41%;
        height: 41%;
    }
    .channel-card-bottom .channels-btn a span {
        font-size: 13px;
    }
    .page-channels .channel-card-bottom {
        padding: 0 13px;
    }
    .channel-card-bottom .channels-btn .pulse-vivo {
        width: 10px;
        height: 10px;
        left: 22px;
        top: 54%;
    }
    .page-channels .rows-channels div.col-12{
        padding-bottom: 25px
    }
    .page-channels .rows-channels .item{
        padding-bottom: 40px;
    }
    .page-channels .rows-channels div.col-12:last-child{
        padding-bottom: 0;
    }
    .page-channels {
        margin-bottom: 60px;
    }
    .page-channels .channel-bg-page.large {
        width: 253px;
        height: 177px;
        top: 39%;
        transform: translate(-50%,-50%);
        left: 50%;
    }
    .channel-card-bottom .channels-btn {
        width: initial;
    }
    .channel-card-bottom .channels-btn:last-child {
        padding: 10px 32px;
    }
    .details-tv.noticieros h2{
        font-size: 20px;
    }
    .details-tv.noticieros p{
        font-size: 14px;
    }
    .details-tv h2{
        font-size: 20px;
    }
    .details-tv p{
        font-size: 14px;
    }
    .details-tv .list--cat{
        display: inline;
    }
}
@media (max-width: 320px) {
    .banner-header.bg-header {
        min-height: 384px;
    }
    .page-channels .channel-bg-page {
        width: 106px;
        height: 106px;
    }
    .page-channels .channel-card-bottom {
        padding: 0 7px;
    }
    .channel-card-bottom .channels-btn a span {
        font-size: 11px;
    }
    .channel-card-bottom .channels-btn {
        padding: 3px 22px 8px 34px;
    }
    .channel-card-bottom .channels-btn .pulse-vivo {
        width: 8px;
        height: 8px;
        left: 19px;
        top: 49%;
    }
    .page-channels .channel-bg-page {
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
        width: 126px;
        height: 126px;
    }
    .page-channels .channel-bg-page.large {
        width: 205px;
        height: 177px;
        top: 35%;
        transform: translate(-50%,-50%);
        left: 50%;
    }
    .channel-card-bottom .channels-btn:last-child {
        padding: 5.5px 28px;
    }
    .channel-card-bottom .channels-btn {
        min-width: 125px;
    }
}



/* #Podcast
================================================== */
.radio-slider .channel-card {
    width: 210px;
    height: 210px;
    margin: auto;
}
.radio-slider .channel-logo img {
    max-width: 162px;
    padding: 0;
}
@media (max-width: 767px) {
    .radio-slider .channel-card {
        width: 140px;
        height: 140px;
        margin: auto;
    }
    .radio-slider .channel-logo img {
        max-width: 95px;
    }
}
@media (max-width: 320px) {
    .radio-slider .channel-logo img {
        max-width: 90px;
    }
    .radio-slider .channel-card {
        width: 117px;
        height: 117px;
    }
}


/* #Detalle serie
================================================== */
.serie{
    display: flex;
    align-items: center;
    position: relative;
}
.bg-serie-detail img.serie-img{
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.serie .feature{
    padding:0;
}
.banner-header.up .link-back{
    padding-top: 86px;
    position: relative;
    display: block;
    cursor: pointer;
    z-index: 1;
}
.banner-header.up .logo-serie-detail{
    max-width: 248px;
    width: 100%;
    padding: 56px 0;
    position: relative;
    z-index: 2;
}
.banner-header.up .logo-serie-detail img{
    width: 100%;
}
.banner-header.up .content-serie-detail{
    width: 33%;
    padding-bottom: 80px;
    z-index: 2;
    position: relative;
    z-index: 99;
    min-height: 320px;
}
.banner-header.up .content-serie-detail.section{
    padding-bottom: 0;
    min-height: 0;
    position: absolute;
    left: 9%;
    bottom: 10%;
}
.banner-header.up .content-serie-detail p, .moreless-button{
    color: #FFF;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
    text-shadow: 0 0 10px rgb(0 0 0 / 80%);
    max-height: 165px;
    overflow-y: scroll;
    padding-right: 10px;
}
.moreless-button{
    text-align: right;
    text-decoration: underline;
    margin: 8px 0;
    position: relative;
    display: block;
}
.banner-header.up .content-serie-detail p.clampp{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#style-scroll::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#style-scroll::-webkit-scrollbar{
	width: 8px;
	background-color: #F5F5F5;
    border-radius: 10px;
}

#style-scroll::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
.slider--main .slide-content .slide-logo{
    width: auto;
    height: auto;
    display: inline-grid;
    padding-bottom: 30px;
}
.slider--main .slide-content .slide-logo img{
    width: 100%;
}
.slider--main .slide-content .slide-description{
    margin-top: 29px;
    margin-bottom: 31px;
}
.slider--main .slide-content .slide-description p{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.slider--main .swiper-slide{
    cursor: pointer;
}
.slider--main .swiper-slide:hover{
    opacity: 0.9;
}
.bplay .btn-play-custom{
    border-radius: 79px;
    background-color: #FFFFFF;
    display: inline-block;
    position: relative;
    height: 34px;
    transition: 0.2s;
}
.bplay .btn-play-custom a{
    padding: 8.81px 25px;
    color: #000;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    transition: 0.2s;
}
.bplay .btn-play-custom span{
    margin-right: 11px;
    display: inline-flex;
}
.bplay .btn-play-custom span::before{
    content: '';
    width: 14px;
    height: 14px;
    background-image: url('../../assets/img/main/icon-play.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
    transition: 0.2s;
}
.bplay .btn-play-custom button{
    padding: 8.81px 25px;
    color: #000;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    transition: 0.2s;
}


.bplay .btn-play-custom.list{
    border-radius: 79px;
    background-color: #FFFFFF;
    display: inline-block;
    position: relative;
    height: 34px;
    transition: 0.2s;
}
.bplay .btn-play-custom.list label{
    padding: 8.81px 25px;
    color: #000;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    transition: 0.2s;
    cursor: pointer;
}
.bplay .btn-play-custom span{
    margin-right: 11px;
    display: inline-flex;
}
.bplay .btn-play-custom span::before{
    content: '';
    width: 14px;
    height: 14px;
    background-image: url('../../assets/img/main/icon-play.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
    transition: 0.2s;
}
.bplay .feature .social-feature div.social {
    margin-right: 30px;
    width: 42px;
    height: 42px;
}
.notfound{
    padding-top: 5vw;
}
.notfound svg{
    width: 240px;
    height: 73px;
}
.notfound h4{
    font-family: Montserrat;
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 50px 0;
}
.btn-gradient button {
  --border-width: 2px;
  --border-radius: 22px;
  --color-1: #00F0FF;
  --color-2: #FF00E5;
}
.btn-gradient button {
    width: initial;
    position: relative;
    background: linear-gradient(to right, #00F0FF, #FF00E5),
    linear-gradient(to right, #00F0FF, #FF00E5);
    background-position: 22px 0, 22px 100%;
    background-repeat: no-repeat;
    background-size: calc(100% - var(--border-radius) - var(--border-radius))
    var(--border-width);
    padding: 11px 24px;
    border-radius: var(--border-radius);
    border: none;
    font-family: Montserrat;
    color: #FFFFFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1;
}
.btn-registrate button {
    font-family: Montserrat;
    color: #FFFFFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: initial;
    padding: 34px 60px;
    border-radius: 59px;
    background: linear-gradient(to right, #00F0FF, #FF00E5);
    background-color: #060044;
    border: 2px solid transparent;
    background: #060044;
    position: relative;
    cursor: default;
}
.btn-registrate button::after {
  content: '';
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  background: linear-gradient(to right, #00F0FF, #FF00E5);
  z-index: -1;
  border-radius: 59px;
}
.btn-gradient button:before,
.btn-gradient button:after {
    content: "";
    display: block;
    position: absolute;
    width: var(--border-radius);
    top: 0;
    bottom: 0;
}
.btn-gradient button:before {
    left: 2px;
    border: var(--border-width) solid var(--color-1);
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    border-right-color: transparent;
}
.btn-gradient button:after {
    right: 2px;
    border: var(--border-width) solid var(--color-2);
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    border-left-color: transparent;
}
.recommended{
    padding: 180px 0 60px;
}
.recommended h5{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 50px;
}
.recommended .item{
    position: relative;
    display: block;
    height: auto;
    width: 100%;
}
.recommended .item:nth-child(-n+4){
    margin-bottom: 21px;
}
.recommended .item img{
    width: 100%;
    border-radius: 15px;
}
.recommended .content{
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    transition: opacity .35s ease;
    opacity: 0;
    text-align: center;
    padding: 10px 20px;
}
.recommended .item .title{
    font-family: Montserrat;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    display: block;
}
.recommended .item .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.5s ease;
}
.recommended .item .button{
    text-align: center;
    border-radius: 79px;
    background-color: #FFFFFF;
    padding: 6px;
    display: inline-flex;
}
.recommended .item .button span{
    margin: 2px 10px;
    text-align: center;
    color: #000;
    z-index: 1;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
@media (hover: hover) {
    .btn-play-custom:hover span::before{
        background-image: url('../../assets/img/main/icon-play-white.svg');
    }
    .btn-play-custom:hover {
        background: linear-gradient(135deg, #00F0FF 0%, #FF00E5 100%);
        border-radius: 79px;
    }
    .btn-play-custom button:hover {
        background: linear-gradient(135deg, #00F0FF 0%, #FF00E5 100%);
        border-radius: 79px;
    }
    .btn-play-custom a:hover{
        color: #FFFFFF;
    }
    .bplay .btn-play-custom.list label:hover{
        color: #FFFFFF;
    }
    .recommended .item:hover .overlay{
        background: rgba(0, 0, 0, .5);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
    }
    .recommended .item:hover .content{
        opacity: 1;
    }
    .btn-gradient button:hover{
        background: linear-gradient(to right, #00F0FF, #FF00E5),
        linear-gradient(to right, #00F0FF, #FF00E5);
        background-position: 0 0, 22px 100%;
    }
}
.bplay .social-feature .social {
    margin-left: 20px;
    width: 42px;
    height: 42px;
    z-index: 99999;
}
.bplay .social-feature .social a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.bplay .social-feature .social img {
    width: 100%;
}
.banner-header.up .content-rating{
    padding-bottom: 26px;
}
.banner-header.up .content-rating .rating{
    margin-right: 13px;
}
.content-rating .rating .glyphicon-star:before {
    content: url(/assets/img/main/icon-star-color.svg);
}
.banner-header.up .average-age{
    position: absolute;
    top: 78px;
    right: 103px;
}
.banner-header.up .average-age .bg{
    background: rgba(0, 0, 0, 0.70);
    padding: 12px 14px;
}
.banner-header.up .average-age .bg .img-class{
    display: block;
}
.banner-header.up .average-age .bg img{
    width: 100%;
}
.banner-header.up .average-age .text-average span{
    color: #FFF;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
}
.section__results__row{
    padding-bottom: 120px;
}
.section__results h2{
    color: #FFF;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.title__section.search{
    padding-left: 85px;
}
.title__section.search h2{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 20px;
}
@media (max-width: 767px) {
    .banner-header.up .content-serie-detail {
        width: 100%;
        padding-bottom: 80px;
        z-index: 2;
        position: relative;
        text-align: center;
    }
    .banner-header.up .logo-serie-detail {
        max-width: 150px;
        margin-right: auto;
        margin-left: auto;
        padding: 90px 0 60px 0;
        margin-top: 50px;
    }
    .banner-header.up .average-age {
        position: absolute;
        top: 25px;
        right: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 280px;
    }
    .banner-header.up .link-back {
        display: none;
    }
    .content-serie-detail{
        flex-direction: column-reverse !important;
        display: flex !important;
    }
    .banner-header.up .content-serie-detail p {
        font-size: 13px;
    }
    .banner-header.up .reversee{
        padding-bottom: 35px;
    }
    .banner-header.up .content-rating, .banner-header.up .social-feature {
        justify-content: center;
    }
    .banner-header.up .social-feature div:first-child {
        margin-right: 20px;
    }
    .banner-header.up .social-feature .social {
        margin-right: 20px;
        width: 26px;
        height: 26px;
    }
    .bplay .btn-play-custom a {
        font-size: 10px;
        padding: 11px 18px;
    }
    .banner-header.up .average-age {
        width: 250px;
    }
    .banner-header.up .logo-serie-detail {
        max-width: 120px;
        padding: 50px 0;
        margin-top: 50px;
    }
    nav.slider--main{
        margin-top: -50px;
    }
    .slider--main .swiper-button-next:after, .slider--main .swiper-button-prev:after {
        font-size: inherit;
        line-height: inherit;
    }
    .slider--main .swiper-button-next,.slider--main  .swiper-button-prev {
        visibility: visible;
    }
    .slider--main .swiper-zoom-container .desktop {
        display: none;
    }
    .slider--main .swiper-zoom-container .mobile {
            display: block;
    }
    .slider--main .swiper-zoom-container img {
        width: 100%;
        min-height: 600px;
        height: 600px;
    }
    .swiper-slide .overlay:before {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 35.53%, #000 60.97%);
    }
    .slider--main .slide-content .slide-logo {
        width: 193px;
        height: auto;
        display: inline-grid;
        width: 193px;
    }
    .slider--main .slide-elements {
        display: inline-block;
    }
    .slider--main .slide-content .slide-description {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .slider--main .slide-content .slide-description p {
        font-size: 11px;
        line-height: 17px;
    }
    .slider--main .slide-elements .slide-btn-share {
        display: none;
    }
    .slide-btn-share.fixed--top{
        display: block;
        position: fixed;
        top: 30px;
        right: 5px;
        z-index: 99;
        float: initial;
    }
    .slider--main .slide-content{
        position: absolute;
        top: 60%;
        transform: translate(-50%, -60%);
        left: 50%;
        width: 80%;
        text-align: center;
        display: grid;
        justify-content: center;
        align-items: center;
    }
    .slide-btn-share.fixed--top .share-wrapper {
        float: right;
        min-width: initial;
    }
    .slide-btn-share.fixed--top .share-wrapper .share {
        margin-bottom: 10px;
    }
    .slide-btn-share.fixed--top .share-wrapper ul.social {
        opacity: 0;
        visibility: hidden;
        list-style-type: none;
        padding: 0;
        margin: 0;
        transform: translate(-3rem, 3rem);
        transition: visibility 0.4s, opacity 0.4s, -webkit-transform 0.4s;
        display: inherit;
        margin-bottom: 8px;
    }
    .slide-btn-share.fixed--top .share-wrapper ul.social.active {
        opacity: 1;
        visibility: visible;
        transform: translate(0);
    }
    .slide-btn-share.fixed--top .share-wrapper ul.social li {
        cursor: pointer;
        margin-bottom: 10px;
    }
    .gallery-thumbs .swiper-slide img {
        border-radius: 15px;
        width: 100%;
    }
    .gallery-thumbs .swiper-slide {
         width: 60%;
    }
    .gallery-thumbs .swiper-slide {
        transition: all 200ms linear;
        transform: scale(0.8) !important;
        position: relative;
    }
    .gallery-thumbs .swiper-slide.swiper-slide-active {
        transform: scale(1) !important;
    }
    .gallery-thumbs .swiper-slide-active {
        border: none;
    }
    .slider--main .swiper-button-next:after, .slider--main .swiper-rtl .swiper-button-prev:after {
        content: url('../img/main/arrow-right.svg');
    }
    .slider--main .swiper-button-prev:after, .slider--main .swiper-rtl .swiper-button-next:after {
        content: url('../img/main/arrow-left.svg');
    }
    .slider--main .swiper-button-next, .slider--main .swiper-button-prev {
        height: 30px;
        width: 30px;
    }
    .notfound svg {
        width: 89px;
        height: 31px;
    }
    .notfound h4 {
        font-size: 22px;
        padding: 30px 0;
    }
    .recommended h5 {
        font-size: 15px;
        padding-bottom: 30px;
    }
    .section__results h2{
        font-size: 18px;
    }
    .title__section.search {
        padding-left: 20px;
    }
    .title__section.search h2 {
        font-size: 18px;
        padding-bottom: 0;
    }
    .section__results__row {
        padding-bottom: 40px;
    }
    .btn-registrate button {
        font-size: 18px;
        padding: 24px 40px;
    }
    .banner-header.up .content-serie-detail p, .moreless-button {
        font-size: 15px;
    }
}
@media (max-width: 320px) {
    .slider--main .swiper-zoom-container img {
        width: 100%;
        min-height: 500px;
        height: 500px;
    }
    .slider--main .slide-content {
        bottom: 70px;
    }
    .gallery-thumbs .swiper-slide {
        width: 50%;
    }
}



/* #Detalle Podcast
================================================== */
.banner-header.podcast-details .d-flex.flex-column .bott{
    padding-top: 17vh;
    padding-bottom: 20px;
}
.bg-header.podcast-details{
    background-image: var(--background-img-desktop);
}
.podcast-details .logo{
    padding-top: 49px;
}
.podcast-details .logo img{
    max-width: 197px;
}
.podcast-details .details{
    display: flex;
}
.podcast-details .details .img-podcast{
    max-width: 232px;
}
.podcast-details .details .img-podcast img{
    width: 100%;
    border-radius: 16px;
}
.podcast-details .details .text-podcast{
    margin-left: 40px;
}
.podcast-details .details .text-podcast h3{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.podcast-details .details .text-podcast h2{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.podcast-details .player-podcast img{
    width: 100%;
}
.inline-slider .swiper .swiper-wrapper {
    padding: 20px 40px 20px 80px;
}
.inline-slider .horizontal__slider .swiper-slide img {
    max-width: 100%;
    height: auto;
    border-radius: 9px;
}
.inline-slider .horizontal__slider{
    padding-right: 60px;
}
.inline-slider .swiper-slide {
    -webkit-transition: 250ms all;
    transition: 250ms all;
}
.inline-slider .customh-slider{
    padding-left: 80px;
}
@media (hover: hover){   
  .inline-slider .swiper-slide:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        z-index: 1;
    }
    .inline-slider .swiper-slide:first-child:hover {
        margin: 0 40px;
    }
    .inline-slider .swiper-slide:last-child:hover {
        margin: 0 -40px;
    }
}
.inline-slider .horizontal__slider .swiper-slide h5{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
    margin-top: 30px;
    text-transform: uppercase;
}
.inline-slider .horizontal__slider .swiper-slide p{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 85%;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.inline-slider .horizontal__slider .swiper-button-next{
    background: rgba(0,0,0,0.70);
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    pointer-events: initial;
    height: 22%;
    transform: translateY(-50%);
    top: 30.25%;
    outline: none;
    padding-left: 30px;
    padding-right: 20px;
}
.inline-slider .horizontal__slider .swiper-button-prev {
    background: rgba(0,0,0,0.70);
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    pointer-events: initial;
    height: 22%;
    transform: translateY(-50%);
    top: 30.25%;
    outline: none;
    padding-left: 20px;
    padding-right: 30px;
}
.seasons{
    padding-top: 45px;
}
.seasons .list-podcast{
    margin-bottom: 80px;
}
.seasons .nav-pills .nav-item{
    margin-right: 60px;
}
.seasons .nav-pills .nav-item:last-child{
    margin-right: 0;
}
.seasons .nav-pills .nav-link{
    color: #929292;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    position: relative;
    display: inline-block;
}
@media (hover: hover){   
  .seasons .nav-pills .nav-link.active, .seasons.nav-pills .show>.nav-link, .seasons .nav-pills .nav-link:hover {
        background-color: transparent;
        color: #FFF;
        cursor: pointer;
    }
    .seasons .nav-pills .nav-link:hover::before {
        bottom: -3px;
        opacity: 1;
    }
}
.seasons .nav-pills .nav-link::before{
    width: 100%;
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    opacity: 0;
    transition: 300ms;
    height: 6px;
    background-color: #FFFFFF;
}

.seasons .nav-pills .nav-link.active::before, .nav-pills .show>.nav-link::before {
    bottom: -3px;
    opacity: 1;
}
.seasons .tab-content .imgs img{
    width: 100%;
}
.seasons .rows-list{
    margin-bottom: 80px;
    display: flex;
    justify-content: center;
}
.seasons .rows-list:last-child{
    margin-bottom: 0;
}
.seasons .rows-list .subtitle{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.seasons.reportajes .rows-list .subtitle,.seasons.reportajes .rows-list .title{
    padding-bottom: 20px;
}
.seasons .rows-list .title{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.seasons.reportajes h4{
    font-family: Montserrat;
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 50px 0;
}
.seasons .bplay .btn-play-custom, .podcast-details .bplay .btn-play-custom  {
    display: flex;
    align-items: center;
    height: 46px;
}
.seasons .enVivo .bplay .btn-play-custom{
    width: 100px;
}
.seasons .rows-list .imgs{
    width: 245px;
}
.seasons.reportajes .rows-list .item img{
    width: 100%;
    border-radius: 16px;
}
.seasons .rows-list .imgs img{
    border-radius: 16px;
}
.bg-header.radio-details {
    min-height: 700px;
}
.banner-header .banner-logo .imgs-radio {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.banner-header.radio-details .imgs-radio img{
    width: 311px;
}
.radio-details .channel-card-bottom .channels-btn {
    background: #FF0000;
    width: initial;
    max-width: initial;
    margin-top: 20px;
}
.radio-details .channel-card-bottom .channels-btn span{
    color: #FFFFFF;
}
.radio-details .channel-card-bottom .channels-btn .pulse-vivo {
    box-shadow: 0 0 0 0 #FFFFFF;
    background-color: #FFFFFF;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    pointer-events: auto !important;
}
@media (max-width: 767px) {
    .podcast-details .logo {
        display: none;
    }
    .podcast-details .details {
        display: block;
        text-align: center;
    }
    .podcast-details .details .img-podcast {
        max-width: 193px;
        margin: auto;
    }
    .bplay .social-feature .social {
        margin-right: 20px;
        width: 26px;
        height: 26px;
    }
    .podcast-details .details .text-podcast {
        margin-left: 0;
        margin-top: 20px;
    }
    .podcast-details .details .text-podcast h3 {
        font-size: 20px;
    }
    .podcast-details .details .text-podcast h2 {
        font-size: 16px;
        padding-top: 11px;
        display: block;
    }
    .banner-header.podcast-details .d-flex.flex-column .bott {
        padding-top: 10vh;
    }
    .bplay .social-feature div:first-child {
        margin-right: 20px;
    }
    .seasons .nav-pills .nav-item {
        margin-right: 30px;
    }
    .seasons .nav-pills .nav-link{
        font-size: 18px;
        padding: 10px 15px;
    }
    .seasons .nav-pills .nav-link::before {
        height: 4px;
    }
    .seasons .list-podcast {
        margin-bottom: 60px;
    }
    .seasons .tab-content .imgs {
        max-width: 181px;
        max-height: 181px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 28px;
    }
    .seasons .tab-content .imgs img{
        object-fit: cover;
        border-radius: 6px;
    }
    .seasons .rows-list .subtitle {
        font-size: 18px;
        text-align: center;
    }
    .seasons.reportajes .rows-list .subtitle {
        padding-top: 20px;
    }
    .banner-header.repor{
        min-height: 300px;
    }
    .seasons.reportajes .rows-list .social-feature {
        margin: auto;
    }
    .seasons .rows-list .title {
        font-size: 14px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .seasons .tab-pane .rows-list .social-feature{
        margin-top: 20px !important;
        width: 100%;
    }
    .seasons .bplay .btn-play-custom, .podcast-details .bplay .btn-play-custom {
        display: flex;
        align-items: center;
        height: 36px;
    }
    .inline-slider .horizontal__slider .swiper-slide h5 {
        font-size: 15px;
        margin-top: 20px;
    }
    .inline-slider .swiper .swiper-wrapper {
        padding: 20px 0;
    }
    .inline-slider .horizontal__slider .swiper-slide p {
        font-size: 12px;
    }
    .inline-slider .horizontal__slider .swiper-button-next, .inline-slider .horizontal__slider .swiper-button-prev {
        top: 15%;
        display: none;
    }
    .inline-slider .horizontal__slider {
        padding-right: 30px;
        padding-left: 30px;
    }
    .inline-slider .customh-slider{
        padding-left: 0;
    }
    .seasons.reportajes {
        padding-top: 20px;
    }
    .seasons.reportajes h4 {
        padding: 20px 0;
    }
    .seasons {
        padding-top: 20px;
    }
    .recommended {
        padding: 80px 0 60px;
    }
}
@media (max-width: 320px) {
    .seasons .nav-pills .nav-item {
        margin-right: 30px;
    }
    .inline-slider .horizontal__slider .swiper-slide h5 {
        font-size: 12px;
    }
    .inline-slider .horizontal__slider .swiper-slide p {
        font-size: 10px;
        width: 90%;
    }
    .inline-slider .horizontal__slider {
        padding-right: 45px;
    }
}
/* #PROCINE
================================================== */
.especiales_procine{
    margin-top: 10vh;
}
.procine__section img {
    width: 100%;
}
@media (min-width: 1698px) {
    .procine__section img {
        width: 50%;
        margin: auto;
    }
}
.procine__section{
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #000;
}
.procine__section h1{
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin-bottom: 2vw;
}
.procine__section p{
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.banner--text{
    padding: 30px 0 0;
}
.banner--text h1{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-left: 68px;
}
.banner--text p{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
/* .btn-resgistrate{
    position: absolute;
    right: calc(5% - 5vw);;
    top: 80px;
} */
.btn-resgistrate{
    text-align: right;
    margin-right: -2%;
    padding-top: 18px;
}
.btn-resgistrate .btn-effect2 {
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: clamp(8.8px, 1vw, 16px);
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    border-radius: 12px;
    padding: 6px 20px;
    background: linear-gradient(90deg, #7f77ec 1.39%, #35cbec 69.83%, #05d1e2 95.92%);
    -webkit-transition: background 0.15s ease-in-out;
    -moz-transition: background 0.15s ease-in-out;
    -ms-transition: background 0.15s ease-in-out;
    -o-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
}
.btn-resgistrate .btn-effect2 i {
    /*   positioning */
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    /*   gradient   */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, 0.03)), color-stop(30%, rgba(255, 255, 255, 0.85)), color-stop(50%, rgba(255, 255, 255, 0.85)), color-stop(70%, rgba(255, 255, 255, 0.85)), color-stop(71%, rgba(255, 255, 255, 0.85)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1 );
    /* IE6-9 */
  /*  forming the shine element
      play around with the width, skew and gradient to get different effects
    */
    width: 15%;
    height: 100%;
    transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-50deg, 0deg);
    -moz-transform: skew(-50deg, 0deg);
    -ms-transform: skew(-50deg, 0deg);
    -o-transform: skew(-50deg, 0deg);
    /*  animating it  */
    animation: movebtn 2s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
    -webkit-animation: movebtn 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 1s;
    -moz-transform: skew(-50deg, 0deg);
    -moz-animation: movebtn 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-delay: 1s;
    -ms-transform: skew(-50deg, 0deg);
    -ms-animation: movebtn 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-delay: 1s;
    -o-transform: skew(-50deg, 0deg);
    -o-animation: movebtn 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-delay: 1s;
}

@media (min-width: 1800px) {
   .procine__section h1 {
        font-size: 2vw;
    }
    .horizontal--slider.procine-slide {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .procine-slide .title--slider {
        font-size: 1vw;
    }
    .horizontal--slider.procine-slide .swiper-slide .details .info-content h5 {
        font-size: 1vw;
    }
    .horizontal--slider.procine-slide .swiper-slide .details .info-content p {
        font-size: 0.6vw;
    }
    .horizontal--slider.procine-slide .swiper-slide .details .action-content a:first-child {
        width: 60px;
    }
    .horizontal--slider.procine-slide .swiper-slide i {
        width: 60px;
    }
    .feature.special-video .container{
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
        max-width: 75%;
    }
    .page-channels .channel-bg-page {
        width: 40%;
        height: 40%;
    }
}
@media (min-width: 900px) {
    /*  */
@keyframes movebtn {
        0% {
        left: 0;
        opacity: 0;
        }
        5% {
        opacity: 0.0;
        }
        48% {
        opacity: 0.2;
        }
        80% {
        opacity: 0.0;
        }
        100% {
        left: 82%;
        }
    }
    @-webkit-keyframes movebtn {
        0% {
        left: 0;
        opacity: 0;
        }
        5% {
        opacity: 0.0;
        }
        48% {
        opacity: 0.2;
        }
        80% {
        opacity: 0.0;
        }
        100% {
        left: 82%;
        }
    }
    @-moz-keyframes movebtn {
        0% {
        left: 0;
        opacity: 0;
        }
        5% {
        opacity: 0.0;
        }
        48% {
        opacity: 0.2;
        }
        80% {
        opacity: 0.0;
        }
        100% {
        left: 88%;
        }
    }
    @-ms-keyframes movebtn {
        0% {
        left: 0;
        opacity: 0;
        }
        5% {
        opacity: 0.0;
        }
        48% {
        opacity: 0.2;
        }
        80% {
        opacity: 0.0;
        }
        100% {
        left: 82%;
        }
    }
    @-o-keyframes movebtn {
        0% {
        left: 0;
        opacity: 0;
        }
        5% {
        opacity: 0.0;
        }
        48% {
        opacity: 0.2;
        }
        80% {
        opacity: 0.0;
        }
        100% {
        left: 82%;
        }
    }
}
@media (max-width: 767px) {
    .procine__section {
        padding-top: 40px;
        padding-bottom: 40px;
        height: 385px;
    }
    .procine__section h1 {
        font-size: 35px;
        width: 100%;
        text-align: center;
    }
    .banner--text{
        padding: 15px 0 0;
    }
    .banner--text h1{
        font-size: 25px;
        padding-left: 16px;
    }
    .banner--text p{
        font-size: 14px;
    }
}
@media (max-width: 375px) {
    .procine__section {
        padding-top: 40px;
        padding-bottom: 40px;
        height: 320px;
    }
    .procine__section h1 {
        font-size: 30px;
    }
    .banner--text h1{
        font-size: 25px;
    }
    .banner--text p{
        font-size: 12px;
    }
}
@media (max-width: 320px) {
    .procine__section {
        padding-top: 40px;
        padding-bottom: 40px;
        height: 280px;
    }
    .procine__section h1 {
        font-size: 25px;
    }
    .banner--text h1{
        font-size: 20px;
    }
    .banner--text p{
        font-size: 11px;
    }
    .title--slider {
        font-size: 18px;
        padding-bottom: 15px;
        padding-left: 20px;
    }
}



/* #Custom
================================================== */

.overlayHorizontalLive {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    color: white;
    cursor: default;
    background-image: linear-gradient(to top, rgb(30, 27, 9), transparent);
}

.overlayHorizontalLive .logo img {
    width: 100%;
    font-weight: bold;
    font-size: 1em;
    max-width: 120px;
    display: block;
    margin-left: 20px;
    object-fit: contain;
    aspect-ratio: 2640/ 1080;
}

.overlayHorizontalLive .title {
    font-size: 1.8em;
    margin-top: 10px;
    margin-left: 20px;
    font-weight: bold;
}

.overlayHorizontalLive .description {
    font-size: 1em;
    margin-top: 10px;
    margin-left: 20px;
    max-width: 50%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

.overlayHorizontalLive .button {
    margin-top: 15px;
    padding: 10px 20px;
    background-color: red;
    color: white;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    margin-left: 20px;
    margin-bottom: 20px;
    display: inline-block;
    white-space: nowrap;
    width: fit-content;
}

.slideContainerLive {
    max-width: 100%;
    border: 4px solid white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    position: relative;
    object-fit: cover;
    display: block;
    object-position: center;
    cursor: default;
    background-color: black;
}

.slideContainerLive .img.desktop {
    display: block;
}
  
.slideContainerLive .img.mobile {
    display: none;
}

.background-image-container img.responsive-image {
    width: 100%;
    display: block;
    cursor: default;
}


  .padding-desktop-especiales {
        padding-left: 80px;
        padding-right: 80px;
    }

@media (max-width: 900px) {
      .padding-desktop-especiales {
        padding-left: 80px;
        padding-right: 80px;
    }

    img.desktop {
        display: block;
    }

    img.mobile {
        display: none;
    }
    .overlayHorizontalLive {
        padding: 10px;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .overlayHorizontalLive .logo img {
        max-width: 120px;
        margin-left: 20px;
    }

    .overlayHorizontalLive .title {
        font-size: 1.2em;
        margin-left: 20px;
        font-weight: bold;
    }

    .overlayHorizontalLive .description {
        font-size: 1em;
        margin-left: 20px;
        max-width: 80%;
    }

    .overlayHorizontalLive .button {
        margin-left: 20px;
        margin-bottom: 10px;
    }

    .slideContainerLive {
        max-height: 600px;
    }
}


@media (max-width: 767px) {
    .padding-desktop-especiales {
        padding-left: 0;
        padding-right: 0;
    }

    .overlayHorizontalLive {
        padding: 10px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .overlayHorizontalLive .logo img,
    .overlayHorizontalLive .title,
    .overlayHorizontalLive .description,
    .overlayHorizontalLive .button {
        margin-left: 0;
    }

    .overlayHorizontalLive .description {
        max-width: 100%;
        font-size: 1em;
    }

    .overlayHorizontalLive .button {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .overlayHorizontalLive .logo {
        display: flex;
        justify-content: center;
        width: 100%;
    }
}

.main {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
  }
  
  .card {
    width: calc(100% - 32px);
    max-width: 100%;
    height: auto;
    background-color: black;
    display: flex;
    margin-inline: auto;
    justify-content: 'center';
    align-items: 'center';
  }


.mainLive .cardLive .overlayHorizontalLive .buttonChapter {
    margin-top: 15px;
    padding: 10px 20px;
    background-color: white;
    color: black;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    margin-left: 20px;
    margin-bottom: 20px;
    display: inline-block;
    white-space: nowrap;
    width: fit-content;
}