@import url("https://css2.rtve.es/css/rtve.2020.radio/radio3-extra/TE_SR3EXTR.basics.por.css");
@import url("https://css2.rtve.es/css/rtve.2020.radio/radio3-extra/TE_SR3EXTR.programas.desktp.css");

/* fonts */
.radio .grid>.secBox span{font-family:'Roboto','Arial',sans-serif;text-transform:none;font-size:2.8rem;}
.mainBox .maintitle {font-size:1.8rem!important;line-height:2.4rem!important;font-weight:400;margin: 0 auto;}

/* cabecera */
.spechead {max-height: initial;}
.spechead .logoima img {max-height:initial;}
.navBox.spechead .container {height:16rem;}
.navBox.spechead .logoima img{width:18rem;left:0;top:4rem;}
.mainheader .tab_direc{display: none;}

/* Posicionamiento LOGO IMAGE */
.navBox.spechead .logoima img  {top:50%;margin-top:-4rem;filter:none;height:auto;left:0%;margin-left:auto;}
/* Color de seleccion de MENU */
.navBox.spechead nav li a:hover span:after, .spechead .blindBox .active a span:after, .spechead nav li a:hover span::after, .spechead nav .active a span::after {background:#fff;}

/* navegacion */
.spechead nav li .ico span {color: #f2f2f2;}
.spechead nav > ul .be_on li {display:block;}
.spechead nav.blindBox {position:absolute;top:0;}
.spechead nav > ul li{position:relative;}
.spechead nav .blindBox.be_on {position:absolute;width: auto;left: 0;background-color: transparent;background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
header.spechead nav .blindBox.be_on {height: auto;}

/*cabecera - navegacion como en programas*/
    /* cabecera */
    .wrapper.mainheader {width:auto;position:absolute;left: auto;top:1.2em;z-index:4;background:transparent;right: 1rem;}
    @media only screen and (min-width: 1260px) {header.navBox > .container:not(.striplayer) {width:100% !important;}}
    .auxheader .container .socialBox {display:inline-block;}
    .mainheader .navBox > .container > .ico[class*='blind'],
    .mainheader .maintabs li:not(.tab_first) {display:none;}
    /* ocultando elementos */
    .wrapper.auxheader .services, .wrapper.auxheader .ico.above, .shortcuts, .spechead .backima, .ima.hostima, .photoBox figcaption > .fecha,
    .striplayer.beon_ .article .falseH1:before,.breakNews, .subheader nav li .ico:not(.arrow) img {display:none !important;}
    .spechead nav .blindBox {height:0;}
    .spechead nav li a:hover span:after,.spechead nav .active a span:after {background:rgba(255,255,255,0.33);}
    .subheader {font-family: 'Roboto','Arial',sans-serif;font-weight:600;}
    .subheader .spechead nav > ul > li {padding: 1.2rem;z-index:3;}
    .subheader .spechead .emisBox {float:right;text-transform:uppercase;position:relative;top:0;position:absolute;left: auto;right:0;}
    .subheader .spechead .emisBox .cell {background:none;margin:0;padding:2em 2em 0 0;}
    .spechead .emisBox .ico.canal img {width:100%;height:100%;}
    .mainheader .emisBox {display:none !important;}
    .spechead nav li .ico span{font-weight:400;}
    .navBox.spechead .logoima img {top: 50%;filter: none;height: auto;left: 9%;margin-left: auto;}
    .mainheader header>.container{text-align:right;padding-top:0;}
    .spechead .falseH1 {top: 4rem;}
    .minify>.navBox {border: none;}
    .wrapper.mainheader.minify{box-shadow: none;}

/* specialTopBox */
.specialTopBox.container:not(.bloody) .arrays .mainBox .socialBox+.txtBox {padding-top:0;}
.bodier >.container.striplayer.specialTopBox{padding:0;background:#0b0b0b;}
.bodier >.container.striplayer.specialTopBox .grid {margin:0;width: 100%;}
.striplayer.specialTopBox .gridBox .mediaBox .ima>img{height: auto;}
.striplayer.specialTopBox .gridBox .mediaBox>.ima{background-color:transparent;}
.specialTopBox .txtBox .maintitle , .specialTopBox .txtBox .pretitle{color:#fff;font-size:4rem!important;line-height:5rem!important;font-weight:600;margin-left: 4rem;text-align: center;text-shadow:  0.1rem 0.1rem 1rem #000;}
.specialTopBox.striplayer .grid .cell .txtBox {position: relative;z-index:2;}
.specialTopBox.striplayer .arrays .mainBox .txtBox+a {width:100%;height:10rem;display:block;position:relative;top:60vh;}
.bodier >.container.striplayer.specialTopBox .arrays .gridBox .topBox .cell .ico.play {padding:0 1rem;top:100%;opacity: 1;}
.bodier>.container.striplayer.specialTopBox .gridBox {border: none;}
.specialTopBox.striplayer .arrays .gridBox .topBox .cell .ico.play span.duration{display:none;}
.specialTopBox.striplayer .grid .cell .mainBox .mediaBox:after {height:50rem;content:"";display:block;width:100%;height:10rem;background:-moz-linear-gradient(top, rgba(35,38,46,0.02) 0%, rgba(35,38,46,0.03) 1%, rgb(11 11 11) 100%);background:-kit-linear-gradient(top, rgba(35,38,46,0.02) 0%,rgba(35,38,46,0.03) 1%,rgba(11 11 11) 100%);background:linear-gradient(to bottom, rgba(35,38,46,0.02) 0%,rgba(35,38,46,0.03) 1%,rgba(11 11 11) 100%);position:absolute;bottom:0;}

/* titulo centro */
.specialTopBox.striplayer .grid .cell .txtBox {position: absolute;top:60vh;width: 80%;left: 50%;margin-left: -40%;}
.bodier >.container.striplayer.specialTopBox .arrays .gridBox .topBox .cell .ico.play{display:none;}

/* catalogos */
.container[data-tipo="mod_catalogo"] .g2.simply .cell {width:25%;}
.container[data-tipo="mod_catalogo"] .arrays.g2 .cell:nth-child(2n+1) {clear:none;}
.container[data-tipo="mod_catalogo"] .g3.simply .cell {width: 16.6%;clear: none;}
.container[data-tipo="mod_catalogo"] .g8.simply .cell {width: calc(100% / 8);}

.grid .gridBox .mod .mediaBox:after {content:none}

/* todos los programas */
.bodier>.container.striplayer:not(.specialTopBox) section:not(.arrays) .gridBox{padding: 0 2rem;}
.bodier>.container .g4.simply .cell:nth-child(4n+1) {clear: both;}

/* premium */
.container.striplayer.premiumBox{background:url('https://css2.rtve.es/css/rtve.2020.radio/radio3-extra/i/TE_SR3EXTR.premium.jpg') #242223;}
.premiumBox .grid > .secBox {padding: 2rem 4rem;}
.container.striplayer.premiumBox .secBox span{background:url('https://css2.rtve.es/css/rtve.2024.radio/radio3-extra-TE_SR3EXTR/i/TE_SR3EXTR-logo-fff.png') no-repeat;background-size: contain;}
.radio .container.striplayer.premiumBox .grid>.secBox span{color:transparent;padding: 1rem;}
.bodier .premiumBox.squareBox .slideH .cell .mediaBox .ima img {left: 0;}
/* premium mas de 6 elementos sin paginas */
/*
.bodier .premiumBox.squareBox .arrays .slideH .topBox .pagBox {width:4.3%;}
.bodier .premiumBox.squareBox .controlBox{display:none;}
*/

/* colmena */
.combBox .ima {position:relative;left:0;top: 0;}
.comp_3V .cellBox {width: 33.333333333333333333333333333333%;}

.bodier>.container.striplayer[data-tipo=mod_libre].colmena-radio3extra {padding-top: 2rem;}
[data-form-type=colmena] .hiveBox .combBox {width: 2000%;}
.comp_3V .serie_mod .ima img:last-of-type {left: 0;}
@media (min-width: 1600px){
    .grid .hiveBox.slideH {padding: 0 5%;}
}

.container.colmena-radio3extra.striplayer[data-tipo="mod_libre"] .gridBox .cellContent{display: block;}
.cellBox .mod, .combBox .ima, .slideNew {position: relative;}
.container.striplayer[data-tipo=mod_colmena] div[data-form-type=colmena] {padding-top: 2rem;}
.bodier .container.striplayer[data-tipo=mod_colmena] .grid {max-width: 100%;width: 100%;}
.spinnBox, [data-tipo=mod_colmena] .grid .hiveBox.slideH {background: 0 0;}
.grid .hiveBox.slideH {padding: 0 12.5%;}
.slideNew .slideH {overflow: hidden;}
[data-form-type=colmena] .hiveBox .combBox>li {width: 2.5%;}
.slideNew .slideH .combBox>li {float: left;}
.cellBox {float: left;}
.arrays .mainBox, .arrays .mod, .pagBox, .slideH+.controlBox .arrow, .slideH+.spinnBox+.controlBox .arrow, .slideH>ul {position: relative;}
.cellBox .mainBox, .cellBox .mod, .cellBox .mod>a, .combBox .ima {width: 100%;height: 100%;display: block;}
.cellBox .mod>a, .combBox .ima {left: 0;top: 0;}
li:not(.comp_1H) .cellBox .txtBox {width: 100%;}
.combBox .ima {overflow: hidden;}
.container.colmena-radio3extra.striplayer .cellBox .txtBox{opacity: 0;height: 0;padding: 0;}
.container.colmena-radio3extra.striplayer .wariaType .controlBox span[role=button] img {width: 8rem;height: auto;display: block;position: relative;opacity: .5;}


/* general */
.grid>.secBox {padding:2rem 0 0 5.6rem;}
.programBox .grid>.secBox {padding:2rem 0 0 2rem;}
.container.striplayer:nth-of-type(3) .grid>.secBox {padding:3.2rem 0 0 1.4rem;}
.bodier>.container .cell .ico.play{opacity:0;width: 100%;}
.bodier>.container .cell:hover .ico.play {opacity:1;}
.bodier>.container .cell .ico.play {transition:all 0.75s;height:100%;background: rgba(0, 0, 0 , 80%);top:0;}
.bodier>.container .cell .ico.play img {margin: 0;}
.bodier .grid>.gridBox .cell span.play, .bodier .grid>.gridBox .cell:first-child span.play {height:100%;top: 0;}
.container>section.grid>.slideH .controlBox {top: 50%;margin-top: -3rem;}
.bodier>.container.striplayer .grid {width: 100%;}
.arrays.g2 .gridBox .topBox .cell .ico.play span.duration {font-size: 1.2rem;}
.arrays.g3 .gridBox .topBox .cell .ico.play span.duration {font-size: 1.1rem;}

.bodier .container .arrays .gridBox .topBox .cell .ico.play img, .bodier .grid>.gridBox .cell .play img, .bodier .grid>.gridBox .cell:first-child .play img, .bodier .grid>.gridBox>.slavesBox>.cell .play img, .bodier .inside .grid .mediaBox .play img, .bodier .inside:not(.bloody) .grid .mediaBox .play img{margin: 0;}
.bodier .container .cell .ico.play{display: flex;justify-content: center;align-items: center;}

/* squareBox */
.bodier>.container.striplayer.squareBox .gridBox {padding:2rem 0 4rem 0;}
.bodier .squareBox .controlBox img {width:4rem;height: auto;}

/*Bcube*/
[data-tipo="mod_libre"] .gridBox .cellContent {display: flex;flex-wrap: wrap;}
[data-tipo="mod_libre"].g4 .gridBox .cellContent .cell {width: 25%;flex: 0 0 25%;}
.bodier>.container .cell .ico.play{bottom: 0;}
.gridBox > .cell figure.mediaBox.videoBox .ima:after {opacity: 0;background-image: url('https://css2.rtve.es/css/rtve.2016.radio/programas-de-rne/musica/radio3-extra/i/icons_60x60_b62634.png');border-radius: 50%;background-size: 1100%;background-position: 0% 80%;border: .5rem solid #fff;position: absolute;top: 50%;left: 50%;margin:-2.1rem 0rem 0 -5.6rem;transition: 0.2s all;}
.gridBox > .cell figure.mediaBox.audioBox .ima:after {opacity: 0;background-image: url('https://css2.rtve.es/css/rtve.2016.radio/programas-de-rne/musica/radio3-extra/i/icons_60x60_b62634.png');border-radius: 50%;background-size: 1100%;background-position: 10% 80%;border: .5rem solid #fff;position: absolute;top: 50%;left: 50%;margin:-2.1rem 0rem 0 -5.6rem;transition: 0.2s all;}
.gridBox > .cell:hover figure.mediaBox.audioBox .ima:after ,.gridBox > .cell:hover figure.mediaBox.videoBox .ima:after {opacity: 1;}
.gridBox > .cell figure.mediaBox .duration{opacity: 0;transition: 0.2s all;height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;}
.gridBox > .cell:hover figure.mediaBox .duration{opacity: 1;}