h4{
	font-size: 28px;
    font-family: 'Manrope-Medium';
}


/*PROGRAM CATEGORY*/

section.hero-programs-category {
    height: 500px;
}

section.hero-programs-category .hero-programs-caption {
    padding-top: 200px;
}

section.hero-programs-category .hero-programs-caption h2 {
    color: #ECECF1;
    margin-top: 15px;
    margin-bottom: 15px;
}

section.hero-programs-category .hero-programs-caption p {
    color: #ECECF1;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 24px;
}

section.hero-programs-category .hero-programs-caption>span {
    display: block;
}

span#hero-programs-hour {
    color: #ECECF1;
    font-size: 12px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-family: 'Manrope-Regular';
}

span#hero-programs-days-programas {
    color: #FF961E;
    font-size: 12px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Manrope-Medium';
}

.caption-img-all-programs {
    height: 222px;
    background-repeat: no-repeat;
}

section.all-programs-category>.container {
    display: flex;
    flex-wrap: wrap;
}

section.all-programs-category>.container>.programs-columns {
    flex: 1 0 33.3333%;
    margin-bottom: 30px;
    padding-left: 13px;
    padding-right: 13px;
}

section.all-programs-category>.container>.programs-columns .caption-img-all-programs {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    background-size: cover;
    position: relative;
}

section.all-programs-category {
    margin-top: 80px;
    margin-bottom: 80px;
}

.caption-content-all-programs {
    position: relative;
}

.gradient-content-all-programs {
    background: rgba(255, 255, 255, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    position: absolute;
    width: 100%;
    height: 100%;
}

.content-all-programs {
    z-index: 1;
    position: relative;
    padding: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.gradient-caption-img-all-program {
    background: linear-gradient(54.18deg, #000000 -11.94%, rgba(0, 0, 0, 0) 51.18%);
    width: 100%;
    height: 100%;
}

span.ico-play-all-programs {
    position: absolute;
    bottom: 15px;
    z-index: 20;
    left: 25px;
    cursor: pointer;
}

.content-all-programs>span {
    color: #0F0F19;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 10px;
    font-family: 'Manrope-Regular';
}

.content-all-programs>h5 {
    letter-spacing: 0.5px;
    font-family: 'Manrope-Semibold';
    color: #0F0F19;
    margin-top: 5px;
    line-height: 32px;
}

.content-all-programs>h5>a {
    letter-spacing: 0.5px;
    font-size: 24px;
    font-family: 'Manrope-Semibold';
    color: #0F0F19;
    margin-top: 5px;
    line-height: 32px;
}

.content-all-programs>p {
    color: #0F0F19;
    opacity: 0.5;
    line-height: 24px;
    font-size: 16px;
    color: #0F0F19;
    letter-spacing: 0.5px;
    margin-top: 12px;
}

section.banner-piracy {
    position: relative;
}

section.banner-piracy .content-piracy {
    position: relative;
    background-size: cover;
    padding: 60px;
    height: 303px;
}

section.banner-piracy {
    margin-bottom: 75px;
}

.content-piracy span.ico-play-all-programs {
    position: relative;
    left: 0;
    margin-top: 20px;
    display: block;
    bottom: 0;
}

.content-piracy h4 {
    color: white;
}

.content-piracy p {
    color: #ECECF1;
    opacity: 0.75;
    letter-spacing: 0.5px;
    font-weight: 400;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 25px;
}


/*.content-schedule .tab-content>div>div*/

/*PROGRAM CATEGORY*/


/*PAGE SCHEDULE*/

section.section-schedule {
    margin-top: 150px;
    margin-bottom: 90px;
}

section.section-schedule h4 {
    text-align: center;
    color: #FFFFFF;
}

.content-schedule {
    background: linear-gradient(104.03deg, rgba(211, 211, 211, 0.05) 4.52%, rgba(248, 248, 248, 0.05) 100.39%);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 8px;
}

.content-schedule .tab-content>div>div {
    border: 1px solid rgba(255, 255, 255, 0.25);
    filter: drop-shadow(-4px 0px 12px rgba(15, 15, 25, 0.05));
    border-radius: 8px;
    margin-top: 20px;
    padding: 20px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.content-schedule ul#myTab {
    background: #0F0F19;
}

.content-schedule ul#myTab>li {
    flex: 1;
}

.content-schedule ul#myTab>li>button {
    width: 100%;
}

div#buttons-schedule {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 38px;
}

div#buttons-schedule>a {
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 99px;
    padding: 0 16px;
    margin-left: 10px;
    margin-right: 10px;
    width: 120px;
    height: 56px;
    line-height: 56px;
    position: relative;
    
}

div#buttons-schedule>a>span {
    color: #FFFFFF;
    opacity: 0.5;
}


div#buttons-schedule>a.active::after {
    content: '';
    background-image: url(../img/gradient-border.png);
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 56px;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    padding: 0 16px;
    top: 0;
}

div#buttons-schedule>a.active {
    border: 0;
}

div#buttons-schedule>a.active span {
    background: linear-gradient(104.03deg, #FF1E1E 4.52%, #FF961E 100.39%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    letter-spacing: 1.25px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    font-family: 'Roboto', sans-serif;
    opacity: 1;
}

.content-schedule ul#myTab>li>button.nav-link.active {
    background: linear-gradient(104.03deg, rgba(255, 30, 30, 0.05) 4.52%, rgba(255, 150, 30, 0.05) 100.39%);
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to right, #FF1E1E, #FF961E) 1;
    display: flex;
}

.content-schedule ul#myTab>li>button.nav-link.active>span.day-day {
    background: linear-gradient(104.03deg, #FF1E1E 4.52%, #FF961E 100.39%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    letter-spacing: 0.5px;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    margin-right: 10px;
    flex: inherit;
}

.content-schedule ul#myTab>li>button.nav-link.active span.day-tab {
    width: 42px;
    height: 22px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
}

.content-schedule ul#myTab>li>button.nav-link.active span.day-tab {
    margin-top: 2px;
    flex: initial;
    margin-left: 9px;
}

.content-schedule ul#myTab>li>button.nav-link.active span.day-tab {
    width: 42px;
    height: 22px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: white;
}

.content-schedule ul#myTab {
    background: #0F0F19;
    padding-top: 7px;
    padding-left: 10px;
    padding-bottom: 7px;
    padding-right: 10px;
    border: 0;
    border-radius: 8px;
}

.content-schedule ul#myTab>li>button.nav-link {
    padding-left: 10px;
    padding-right: 10px;
}

.content-schedule ul#myTab>li>button.nav-link>span {
    color: #FFFFFF;
    letter-spacing: 0.5px;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    flex: 1;
}

.content-tab-schedule {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.content-tab-schedule .time-shedule {
    flex: 1 0 9%;
}
.content-tab-schedule .time-shedule>span {
    flex: 1 0 15%;
    background: linear-gradient(104.03deg, #FF1E1E 4.52%, #FF961E 100.39%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.5px;
    font-family: 'Manrope-Bold';
    background: linear-gradient(104.03deg, #FF1E1E 4.52%, #FF961E 100.39%);
    -webkit-background-clip: text;
    padding-left: 23px;
    -webkit-text-fill-color: transparent;
}

.content-tab-schedule .img-schedule {
    flex: 1 0 16%;
}

.content-tab-schedule .title-schedule {
    flex: 1 0 60%;
    padding-left: 8px;
}

.content-tab-schedule .view-program-schedule {
    flex: 1 0 15%;
}

.content-tab-schedule .time-shedule {
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-tab-schedule .title-schedule {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    display: flex;
    align-items: center;
}

.content-tab-schedule .view-program-schedule {
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    width: 160px;
    height: 42px;
    color: #FFFFFF;
    line-height: 38px;
    text-align: center;
}

.content-tab-schedule .view-program-schedule a {
    display: block;
    color: white;
    letter-spacing: 1.25px;
    font-weight: 500;
    font-size: 14px;
}

.content-tab-schedule .view-program-schedule svg {
    top: -3px;
    position: relative;
}

.content-tab-schedule .time-shedule {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
}

.content-tab-schedule .time-shedule {
    position: relative;
}

.opcity-bg-time {
    position: absolute;
    height: 100%;
    width: 100%;
    background: white;
    opacity: 0.05;
}

.content-tab-schedule .time-shedule>span {
    z-index: 10;
    padding-left: 15px;
}

/*PAGE SCHEDULE*/