@import url('https://css2.rtve.es/css/rtve.2021/rtve.transition/desktp.header.css');
@import url('https://css2.rtve.es/css/rtve.2021/rtve.transition/desktp.services.css');
@import url('https://css2.rtve.es/css/rtve.2021/rtve.transition/desktp.footer.css');
@import url('https://css2.rtve.es/css/rtve.2022.rtve/lab-TE_SCOCHEV/TE_SCOCHEV.basics.por.css');

/** generales **/
.container > section.grid, .mediaBox, .ima, .ico img, .grid, .cell, .mainBox {position: relative;}
.mediaBox > a {width: 100%;height: 100%;position:absolute;left:0;bottom:0; display:block;z-index: 1;}
.wrapper.bodier {overflow:hidden}
.wrapper.shortBox,.emisBox, .wrapper.shortBox,.maintabs li:not(.active) .brows > img,.ico.slideL.lefton > img{display:none;}
.socialBox, span.duration {clip:rect(0,0,0,0);position:absolute;top:-100%;left:-100%;}

/* ico */
.mainBox .mediaBox > a .ico {position: absolute;}
.wrapper.auxheader .ico > a{cursor:pointer;}

/* titulares */
section.grid > h1, section.grid > .secBox, .sliderBox h1 {padding: 2rem .8rem 1.2rem .8rem;width: 100%;display: block;}
section > h1 > span, section.grid > .secBox > span,section > h1 > span, section.grid > .secBox > a span,
.sliderBox h1 span {font-size: 2.8rem;}
.grid > .secBox span{font-family: 'Roboto',sans-serif;}

/* modulos striplayer */
.bodier>.container.striplayer, .gridBox, .cell, .mod {display: block;width: 100%;}
.striplayer.container > .striplayer.container {background:transparent;box-shadow:none;margin:0 auto;}

/* textos */
.mainBox .txtBox {padding-top:.5em}
.txtBox .maintitle {font-size:2rem;line-height:1.2;font-weight:400; padding:0.4rem 2rem; display:block;}
.auxBox {font-size:1.8rem;line-height:1.2;font-weight:700; padding:0.4rem 2rem; display:block;}
.txtBox .pretitle {text-transform: uppercase;padding: 0.4rem 2rem;font-size: 1.6rem;line-height:2rem;font-weight:300;display: block;}
.txtBox .pretitle:empty {display:none}
.auxBox * {font-size:1.6rem;line-height:1.4;font-weight:300;}
.auxBox ul {padding-left:2rem}
.auxBox ul li:before {float:left;content:'\2022';font-size:170%;height: 0.847em;width: 0.6em;line-height: 0.847;display: inline-block;position: relative;left: -0.6em;margin-right: -0.6em;}
.auxBox a {border-bottom: .1rem solid;font-weight:400;}
.auxBox p {font-weight:300;}
.auxBox strong {font-weight:500;}
.txtBox .datpub,.auxBox .datpub {font-family:'Roboto',sans-serif;text-transform: uppercase;padding: 0.4rem 2rem;font-size: 1.4rem;line-height: 2rem;font-weight: 700;}

/* cabecera */
    /* nivel 1 */
body .mainheader {height: 0;}
.mainheader .navBox nav.blindBox,.mainheader {width:100%;}
.mainheader .navBox nav.blindBox {height:100%;left:-100%;}
.mainheader .ico.slideL.lefton {display:none;}
.mainheader .navBox > .container {position:relative;width:100%;max-width: 100%;}
.mainheader .navBox nav.blindBox .maintabs > li.tab_direc,
.mainheader .navBox nav.blindBox .maintabs > li.tab_first > .blindBox.be_on {display: none;}

/*auxiliar*/
.auxheader .ico:not(.alert) > a {display:block;overflow:hidden;}
.auxheader .ico:not(.alert) > a,.auxheader .ico:not(.alert) img {width:100%;height:100%;}
.auxheader .users,.auxheader .seekr {top:0.4rem;}
wrapper.auxheader.fixer .ico.above a {z-index: 1;position: absolute;}
.wrapper.auxheader .ico.arrow {display:inline-block;}
.auxheader .socialBox {display:none;}
.active#bighead_users .users > a:after {content:'';z-index:-1;display:inline-block;width:3.2rem;height:3.2rem;border-radius:0.4rem;position:absolute;left:0.8rem;top:0.8rem;background-color:rgba(255,255,255,0.15);}
.active#bighead_users .users > a:before {content:'';position:absolute;width:0.8rem;height:0.8rem;display:inline-block;border-radius:100%;top:0.8rem;right:0.4rem;background-color:#f70;}
.wrapper.auxheader .ico > a, .auxheader .blind{display:block;border-radius:0;}
.auxheader .ico.users a, .auxheader .ico.seekr.search a {z-index: 1;cursor: pointer;position: absolute;}
.auxheader .blind{cursor:pointer;z-index:2;text-align:center;}
.auxheader .ico {display:block;}
body .services .ico img {background-color: transparent;}

/* boton subir */
.wrapper.auxheader.fixer .ico.above {transition: all 0.2s;}
.wrapper.auxheader.fixer .ico.above:hover {opacity:0.8;}
.wrapper.auxheader .ico.above .legend {clip:rect(0,0,0,0);position:absolute;top:-100%;left:-100%;}

/*menu lateral*/
.maintabs {height:100vh;}

    /*buscador*/
    .services .seekrBox button:hover{background: transparent;}
    .auxheader .services .seekrBox .seekr:hover {opacity: 0.7;}
    .searchBox .seekrBox .ico:after {content: "\e961";display: block;height: 2.8rem;width: 4.4rem;}
    .searchBox .seekrBox .ico > button img {background-repeat: no-repeat;background-size: 50%;}
    .seekr + .blindBox {display:none;position:fixed;top:0;right:0;width:100%;height:4.8rem;background:#fff;}
    .seekr.be_on + .blindBox {display:block;}
    .searchBox {width: 35rem;right: 0;position: absolute;}
    .searchBox .seekrBox input[type="text"] {padding:0 1.6rem;height:4.8rem;font-size:1.8rem;line-height:4.8rem;font-weight:300;}
    .auxheader .searchBox .close {position:relative;float:left;background-color:rgba(0,0,0,0.5);}
    .searchBox .results {padding:0.2rem 0;}
    .searchBox .results:before {width:100%;height:100%;content:'';display:inline-block;position:fixed;background-color:rgba(0,0,0,0.85);z-index:-1;}
    .searchBox .results:empty {display:none;}
    .searchBox .results li {width:100%;border-width:0.1rem 0;}
    .searchBox .results a {position:relative;font-family:'Roboto Condensed',sans-serif;font-weight:400;letter-spacing:0.5pt;font-size:1.7rem;line-height:2.4rem;background:rgba(0,0,0,0.75);color:#bbb;padding:1.2rem 0 1.2rem 6.4rem;display:inline-block;width:100%;border-right:1.6rem solid transparent;white-space:nowrap;overflow:hidden;}
    .searchBox .results a strong {font-weight:400;color:#fff;}
    .searchBox .results a:after {content:'';position:absolute;top:0;right:0;height:100%;width:4.8rem;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=1 );}

/* nivel 3 */
.wrapper.subheader {background: transparent;height:5rem;padding: 0;}
.wrapper.subheader .spechead .blindBox ul {padding: 1.2rem 0;}
.subheader .spechead .blindBox {margin: 0 auto;text-align: center;z-index: 3;}
.subheader .spechead .blindBox li {display: inline-block;}
.subheader .spechead .blindBox span {font-size:1.4rem;line-height: 2.4rem;font-weight: 400;color:var(--lab)}
.subheader .spechead .blindBox .ico a span {transition: 0.2s all;}
.subheader .spechead .blindBox .ico a:hover span {border: none;}
.wrapper.subheader .spechead:after {content:none;}
.wrapper.subheader .spechead h1 {padding-top:1rem;}

.wrapper.subheader .spechead .logoima img {display: none;}
.subheader .spechead nav .blindBox li{display:block;border-left:3em solid transparent;}
.subheader .spechead nav .blindBox.be_on li span {font-weight:600;}
.subheader .spechead:after,
.subheader .spechead nav li a:hover span:after,.subheader .spechead nav li a:focus span:after,.subheader .spechead .blindBox .active a span:after {content:none;}
html .mainbodier .subheader .spechead .falseH1 {left: 12rem;position: absolute;top:1rem;}
.subheader .spechead .blindBox, .subheader .spechead .blindBox ul {position: absolute;top: 0;width: 100%;left: 0;padding: 2.8rem 0;}
.subheader .spechead .blindBox span {text-transform: uppercase;padding-bottom: 0.8rem;}
.subheader .spechead .blindBox .active a span, .subheader .spechead .blindBox .active .ico a span {color:#3b6b8c;}
.subheader .spechead .blindBox li {position: relative;}
.subheader .spechead .blindBox a:after {content: "";width: 0.1rem;display: block;background:#fff;height:1.2rem;right: -0.2rem;position: absolute;height: 2.6rem;top: -0.2rem;}
.subheader .spechead .blindBox li:last-child a:after {display: none;}
.subheader .spechead .blindBox .ico a span:after {display: block;content: "";width: 0%;background: var(--lab);transition:all 0.2s;height: 0.2rem;}
.subheader .spechead .blindBox .active .ico span:after, .subheader .spechead .blindBox .ico a:hover span:after {width: 100%;/* background: #fff; */}
.subheader .spechead .blindBox .active a span, .subheader .spechead .blindBox .active .ico a span{border:none;}

/* logo */
.subheader .spechead>.container {display: block;}
.subheader .spechead .logoima img {width:100%;}
.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);}
.spechead nav li .ico a {padding:0.4rem 0.8rem;display:inline-block;z-index: 4;}

html .mainbodier .subheader .spechead h1, html .mainbodier .subheader .spechead .falseH1 {width:6rem;z-index:3;height:5rem;z-index: 4;}
#alertService, header.spechead .backima, .ima.hostima, .photoBox figcaption > .fecha, .wrapper .breakNews, .subheader nav li .ico:not(.arrow) img,.redad {display:none;}

/** catalogo **/
    .arrays .mainBox, .arrays .mod, .pagBox, .slideH+.controlBox .arrow, .slideH>ul {position: relative;}
    .slideH>ul, .topBox {display: inline-block;}
    .slideH ul{
        -webkit-transition: all 1s;    
        -moz-transition: left .5s;
        -o-transition: left .5s;
        transition: left .5s;}
    .arrays .socialBox, .slideH>ul, .sliderBox .mediaBox .ima, .xtras .paginaBox {left: 0;}
    .arrays .gridBox {overflow: hidden;width: 100%;}

    .slideV .pagBox{width:100%}
    .pagBox{float: left;}
    .arrays .elem24.show6 .mediaBox,.arrays .elem24.show8 .mediaBox{margin-bottom:5em}
    .arrays .slideH.elem00.show1 .topBox{width:12000%}
    .arrays .slideH.elem00.show1 .topBox .pagBox{width:.83333333333333333333333333333333%}
    .arrays .slideH.elem00.show2 .topBox{width:6000%}
    .arrays .slideH.elem00.show2 .topBox .pagBox{width:1.66666666666666666666666666666666%}
    .arrays .slideH.elem00.show4 .topBox{width:3000%}
    .arrays .slideH.elem00.show4 .topBox .pagBox{width:3.33333333333333333333333333333333%}
    .arrays .slideH.elem00.show6 .topBox{width:2000%}
    .arrays .slideH.elem00.show6 .topBox .pagBox{width:5%}

    .g3.arrays .cell:nth-child(3n+1),
    .g4.arrays .cell:nth-child(4n+1),
    .g5.arrays .cell:nth-child(5n+1),
    .g6.arrays .cell:nth-child(6n+1) {clear: left}

    .slideH+.controlBox, .slideH+.spinnBox+.controlBox {height: 0;width: 100%;top: 50%;position: absolute;}
    .slideH+.controlBox .next_,.slideH+.spinnBox+.controlBox .next_{float:right}
    .slideV+.controlBox .more_,.slideV+.spinnBox+.controlBox .more_{width:8em}
    .slideH+.controlBox .arrow,.slideH+.spinnBox+.controlBox .arrow {cursor:pointer}
    .slideH+.controlBox .beoff,.slideH+.spinnBox+.controlBox .beoff {opacity: .25;}
    .arrays .controlBox .arrow {width: 4rem;height: auto;line-height: 1;}

    .arrays .slideH+.controlBox, .arrays .slideH+.spinnBox+.controlBox {top:0}
    .arrays .slideH+.controlBox .arrow,  .arrays .slideH+.spinnBox+.controlBox .arrow {position:relative;top:6rem;}
 
    /* 4 elementos en linea */
    .g2.arrays .show4 .cell {width:25%}
    .g2.arrays .show4 .cell:nth-child(2n+1) {clear: none;}

    /* para margen del controlBox */
    .arrays .show1 ~ .controlBox .arrow {padding-top: calc(56.25% - 0.6rem);}
    .arrays .show2 ~ .controlBox .arrow {padding-top: calc(28.125% - 0.6rem);}
    .arrays .show4 ~ .controlBox .arrow,
    .arrays .show8 ~ .controlBox .arrow,
    .arrays .show12 ~ .controlBox .arrow{padding-top: calc(14.0625% - 0.6rem);}
    .arrays .show6 ~ .controlBox .arrow {padding-top: calc(18.75% - 0.6rem);}

    .container[data-tipo="mod_catalogo"] {overflow:visible;}
    .slideH+.controlBox .back_,.slideH+.spinnBox+.controlBox .back_{left:-4rem;right:auto}
    .slideH+.controlBox .next_,.slideH+.spinnBox+.controlBox .next_{left:auto;right:-4rem}

    .arrays .slideH+.spinnBox+.controlBox .back_ {display: block;position: absolute;}

/* proporciones */
.arrays .slideH.show1 .topBox {width: 1000%}
.arrays .slideH.show1 .topBox .pagBox {width: 10%}
.arrays .slideH.show2 .topBox {width: 500%}
.arrays .slideH.show2 .topBox .pagBox {width: 20%}
.arrays .slideH.show4 .topBox {width: 300.05%}
.arrays .slideH.show4 .topBox .pagBox {width: 33.333333333333333333333333333333%}
.container, .container.striplayer .grid {width:118em;max-width: 100%;margin: 0 auto;}
.cell, .cell>.mod {float:left;}
.g2 .cell {width:50%;}
.g3 .cell {width:33.3%;}
.g4 .cell {width:25%;}
.gridBox .cell {padding: 0.8rem;}

/** FORMAS IMAGEN ********************************/
/************************************************/
.f9x6   .ima {padding-top:calc(100% * (2/3));}  /*3:2*/
.f9x9   .ima {padding-top: 100%}   /*1:1*/
.f16x9  .ima {padding-top: 56.25%} /*16:9*/
.f27x9  .ima {padding-top: 33.33%} /*3:1*/

/*1:1*/ .f9x9   {aspect-ratio:1;}
/*3:1*/	.f27x9  {aspect-ratio:3;}
/*3:2*/	.f9x6   {aspect-ratio:3/2;}
/*16:9*/.f16x9  {aspect-ratio:16/9;}

/*alineacion imagen*/
.imaR .mainBox,.imaL .mainBox {display:grid;}
.auxoff.imaR .mainBox,.auxoff.imaL .mainBox {grid-template-rows:0;}
.imaR .mainBox,
.g3.simply .imaL .mainBox,
.g5.notory .imaL .mainBox {grid-column-gap:1.2rem;}
.imaL .mainBox {grid-column-gap:1.6rem;}
.imaR .mainBox,
.imaL .mainBox {grid-template-columns:1fr 1fr;}
.imaR .mediaBox,
.imaL .mediaBox {grid-row-start:1;grid-row-end:span 2;margin:0;}
.imaR .mediaBox,.imaL .txtBox {grid-column:2;}
.imaR .txtBox,.imaL .mediaBox {grid-column:1;}
.bodier .container:not(.bloody) > .grid .gridBox > article .imaL:not(.no_ima) .mainBox .txtBox {padding-top:0;margin-top:-0.2rem;}

/** focus **/
.bodier .gridBox .cell .ima + a:focus,
.bodier .gridBox .links_mod a:focus,
.bodier .arrays .mainBox>a:focus, .bodier .arrays .mainBox .ima+a:focus {outline:none;background:rgba(255,255,255,0.5);box-shadow:0rem 0rem 4rem 0rem rgba(0,0,0,0.5);}
span a:focus, .txtBox a:focus .maintitle, .txtBox a:focus {box-shadow:0rem 0rem 4rem 0rem rgba(255,255,255,0.8);outline:none;}
.arrays .controlBox .arrow:hover {opacity: 0.8;}

/* proyectos */
.proyectosBox  .slideH+.spinnBox+.controlBox{z-index: 3;}
.proyectosBox strong.secBox {width: 118rem;margin: 0 auto;}
.container.striplayer.proyectosBox .grid {padding: 0 0.8rem;}
.container.striplayer.proyectosBox .controlBox span:before {content: '';display: inline-block;position:absolute;top: 0;width: 100%;height: 100%;}
.container.striplayer.proyectosBox .slideH {overflow-x: unset;overflow:hidden;background: 0 0;}
.container.striplayer.proyectosBox .arrays .controlBox .arrow {width: 4.6rem;top: 10.5rem;}
.container.striplayer.proyectosBox .controlBox span img {display: none;}
.container.striplayer.proyectosBox .slideH {padding: 1.6rem 2rem;}
.container.striplayer.proyectosBox .ico.arrow:after{color:var(--lab);}
.container.striplayer.proyectosBox .pubBox{display: none;}
.container.striplayer.proyectosBox .txtBox .maintitle{position: relative;z-index:1;}
.container.striplayer.proyectosBox .txtBox {padding-top: 0;}
.container.proyectosBox .cell .pretitle {line-height: 2rem;}
.container.proyectosBox .cell .mainBox .mediaBox > a .ico{display: none;}
    /* hover */
.proyectosBox .cell{overflow: hidden;}
.proyectosBox .cell .mainBox {transition-duration: 0.2s;}
.proyectosBox .cell:hover .mainBox > .ima{overflow: hidden;opacity: 0.9;}
.proyectosBox .cell:hover {z-index: 1;}
.container.proyectosBox .mainBox .txtBox {display: block;opacity: 0;position: absolute;top:1.2rem;left: 0;width: 100%;}
.container.proyectosBox .cell:hover .mainBox .txtBox {opacity: 1;z-index:3;transition: opacity 0.2s;}
.container.proyectosBox .txtBox .maintitle {font-size: 1.5rem;line-height: 2.1rem;color: #fff;}
.proyectosBox .cell:hover a {background: linear-gradient(180deg, rgba(0,0,0,1) 10%, rgba(0,0,0,0) 100%);}

/* fixed minify */
/*.minify ~*/ .mainbodier .subheader {z-index:3;position:fixed;}
.wrapper.mainheader/*.minify */ {height: 5.6rem;background-color:#fff;filter:drop-shadow(2px 0px 8px #707070);z-index: 2;position:relative;}

/*.minify ~*/ .subheader .spechead .blindBox {text-align: center;position: fixed; top: 0;left: 0;margin-left: 40rem;width: calc(100% - 80rem);}
/*.minify ~*/ .mainbodier .spechead .blindBox ul {padding:1.2rem 0;}


/* 2024 */
/** apertura destacado **/
    .specialTopBox.container, .specialTopBox.container .grid, .specialTopBox + .container.striplayer[data-tipo="mod_maquetacion"] .grid:not(.g2),
    .specialTopBox + .striplayer.beoff + .container.striplayer[data-tipo="mod_maquetacion"] .grid.grid:not(.g2) {width:100%;}
    .specialTopBox .gridBox .cell, .specialTopBox + .container.striplayer[data-tipo="mod_maquetacion"] .grid:not(.g2)
    .gridBox .cell, .specialTopBox + .striplayer.beoff + .container.striplayer[data-tipo="mod_maquetacion"] .grid:not(.g2) .gridBox .cell {padding:0;}

    .specialTopBox.container, .specialTopBox.container .grid, .specialTopBox + .container.striplayer[data-tipo="mod_ultimos"] .grid:not(.g2),
    .specialTopBox + .striplayer.beoff + .container.striplayer[data-tipo="mod_ultimos"] .grid.grid:not(.g2) {width:100%;}
    .specialTopBox .gridBox .cell, .specialTopBox + .container.striplayer[data-tipo="mod_ultimos"] .grid:not(.g2)
    .gridBox .cell, .specialTopBox + .striplayer.beoff + .container.striplayer[data-tipo="mod_ultimos"] .grid:not(.g2) .gridBox .cell {padding:0;}
    /* size 75 */
    .size_75 article .mediaBox {float: left;width:60%;margin: 0 2rem 1rem 0;}
    .size_75 article.cell .mainBox{background:transparent;padding-top: 2rem;}
    .size_75 article.cell span.author.name em, .size_75 article.cell .mainBox .txtBox .maintitle, .size_75 article.cell .mainBox .auxBox{color:#333;}
    .size_75 article.cell .txtBox {padding: 0;}
    .size_75 article .mediaBox {float: left;width:60%;margin: 0 2rem 1rem 0;}

    /* bcube - size_75 */
    .gridLayout.g1.size_75 article .mediaBox {width:75%;}
    .gridLayout.g1.size_75 article .imaR .mediaBox {float: right;}

    /* positioning */
    .container.striplayer.specialTopBox .secBox {position:absolute;}
    .container.striplayer.specialTopBox .mainBox {display:table;direction:rtl;overflow:hidden;width:100%}
    .container.striplayer.specialTopBox .mediaBox {position:relative;width:55%;}
    .container.striplayer.specialTopBox .overBox {position:relative;width:45%; direction:ltr;z-index:inherit;}
    .container.striplayer.specialTopBox .mediaBox .ima {box-shadow:none;display:block;outline:none;}
    .container.striplayer.specialTopBox .mediaBox .ima:before { content:'';width:100%; height:100%;display:block;position:absolute;top:0;left:-92%;z-index:1;box-shadow:2rem 0 7rem -.3rem rgba(0,0,0,0.6);background: #fff;
    transform:skew(15deg);-webkit-transform:skew(15deg);-moz-transform:skew(15deg);-o-transform:skew(15deg);-ms-transform:skew(15deg);}
    .container.striplayer.specialTopBox .cell:hover .mediaBox .ima, .sliderBox .photoBox .mediaBox .ima {filter:brightness(100%);-webkit-filter:brightness(100%)}
    .container.striplayer.specialTopBox .mediaBox, .specialTopBox .overBox {border-bottom:0;display:table-cell;vertical-align:middle;float:none;background: #fff;}
    .container.striplayer.specialTopBox .txtBox, .container.striplayer.specialTopBox .auxBox,.container.striplayer.specialTopBox .gridLayout .auxBox {position:relative; padding:1rem 4rem 1rem 14rem;direction:ltr;}
    .container.striplayer.specialTopBox .mediaBox .ima:after {content: '';width: 100%;height: 100%;display: block;position: absolute;top: auto;left: 0;height: 3.2rem;bottom: 0;background: linear-gradient(360deg, rgba(0,0,0,0.3), transparent);}

    /* textos */
    .specialTopBox .txtBox .maintitle {font-size:3.2rem;transition:text-shadow 1s ease;-webkit-transition:text-shadow 1s ease;-moz-transition:text-shadow 1s ease;-o-transition:text-shadow 1s ease;padding: 1.2rem 0;}
    .specialTopBox .pretitle {text-transform:uppercase;padding:0}
    .specialTopBox .auxBox ul li {padding-bottom:.75rem}
    .specialTopBox .author.name {position:absolute; bottom:0}
    .specialTopBox .author.name em {font-size:1.4rem;font-weight:700;}
    .specialTopBox .author.name + ul, .specialTopBox .author.name + p {padding-bottom:3.5rem}

    /* hover*/
    .specialTopBox .mediaBox:hover + .overBox .txtBox .maintitle,
    .specialTopBox .mediaBox:hover .ima img {opacity:0.8}
    .specialTopBox .mediaBox .ima img {transition:opacity 1s ease;-webkit-transition:opacity 1s ease;-moz-transition:opacity 1s ease;-o-transition:opacity 1s ease}
    .specialTopBox .txtBox a:hover .maintitle {text-decoration: underline;}

    /* ico */
    .specialTopBox .mediaBox > a {border-bottom:solid .5rem;transition:border .2s ease-in-out;-webkit-transition:border .2s ease-in-out;-moz-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out}

    /* noticia destacada */
    .specialTopBox + .container.striplayer[data-tipo="mod_maquetacion"],
    .specialTopBox + .striplayer.beoff + .container.striplayer[data-tipo="mod_maquetacion"] {margin-top:0;padding-bottom:0;background:transparent}
    .specialTopBox + .container.striplayer[data-tipo="mod_maquetacion"] .grid.g2, .specialTopBox + .container:not(.striplayer),
    .specialTopBox + .striplayer.beoff + .container.striplayer[data-tipo="mod_maquetacion"] .grid.g2 {padding-top:4rem}
    .specialTopBox + .container.striplayer[data-tipo="mod_maquetacion"] + .container:not(.striplayer) > .grid > .gridBox:first-child,
    .specialTopBox + .striplayer.beoff + .container.striplayer[data-tipo="mod_maquetacion"] + .container:not(.striplayer) > .grid > .gridBox:first-child {padding-top: 3rem;}

    .specialTopBox + .container.striplayer[data-tipo="mod_ultimos"],
    .specialTopBox + .striplayer.beoff + .container.striplayer[data-tipo="mod_ultimos"] {margin-top:0;padding-bottom:0;background:transparent}
    .specialTopBox + .container.striplayer[data-tipo="mod_ultimos"] .grid.g2, .specialTopBox + .container:not(.striplayer),
    .specialTopBox + .striplayer.beoff + .container.striplayer[data-tipo="mod_ultimos"] .grid.g2 {padding-top:4rem}
    .specialTopBox + .container.striplayer[data-tipo="mod_ultimos"] + .container:not(.striplayer) > .grid > .gridBox:first-child,
    .specialTopBox + .striplayer.beoff + .container.striplayer[data-tipo="mod_ultimos"] + .container:not(.striplayer) > .grid > .gridBox:first-child {padding-top: 3rem;}
    /** **/

    /* modulos striplayer */
    .container:not(.striplayer) .secBox:before {margin-top: 3.2rem;}
    .container.striplayer:not(.specialTopBox) {margin:0;padding:0;overflow:hidden;}
    .container.striplayer:not(.specialTopBox) + .container:not(.striplayer) section .secBox {padding:1rem .8rem;}
    .container.striplayer:not(.specialTopBox) > section > .gridBox:first-child {padding-top:4rem;}
    .container:not(.specialTopBox) .secBox span a:hover, .container.striplayer:not(.specialTopBox) .secBox span a:hover, .container:not(.specialTopBox) .secBox a:hover span {text-decoration:underline}
    .wrapper.bodier > div.botlayer {padding-bottom: 0;}
    .container.rrssBox.striplayer {background: url(https://css2.rtve.es/css/rtve.2022.rtve/lab-TE_SCOCHEV/i/TE_SCOCHEV.rrss.jpg) #fff;background-size: cover;}

/* inside */
.gridBox .cell .inside .mediaBox {z-index: 1;}
.gridBox .cell .inside .mediaBox:before {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 25%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 25%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 25%,rgba(0,0,0,0.75) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 25%,rgba(0,0,0,0.75) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 25%,rgba(0,0,0,0.75) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
}
.container:not(.notory) .mod.inside .ima:before {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
}
.specialTopBox .cell:hover .inside .mediaBox:before{display: none;}
.gridBox .cell .inside .mediaBox:before,
.container:not(.notory) .mod.inside .ima:before {content:'';width:100%;height:100%;display:inline-block;position:absolute;left:0;top:0;z-index:1;}
.inside .overBox {border-style:solid;border-color:transparent;}

.inside .mediaBox:not(.imageBox) + .overBox {border-width:0 3rem 0 12rem;}
.g4.simply .grid .inside .mediaBox:not(.imageBox) + .overBox {border-width:0 3rem 0 6rem;}
.inside .mediaBox.imageBox  + .overBox {border-width:0 1.6rem;}
.inside .overBox>.txtBox .pretitle, .inside .overBox>.txtBox .maintitle, .inside .overBox>.auxBox, .gointo .grid>h2 .titaux {color: #fff;}
.container:not(.specialTopBox) .inside .overBox {position: absolute;width: 100%;left: 0;z-index: 1;}

.specialTopBox + .striplayer.gridLayout:not(.g2):not(.g1) .grid {width: 100%;}
.specialTopBox + .striplayer.gridLayout:not(.g2):not(.g1) .grid .gridBox .cell {padding: 0;}
.container.striplayer.specialTopBox + .container.striplayer:not(.specialTopBox):not(.inside) > section > .gridBox:first-child {padding-top: 0;padding-bottom:0;}

/*todo dentro*/
.inside .overBox {height:auto;}
.inside .mediaBox,
.simply.g3 .inside .mediaBox,
.size_50.g3 .cell:first-child .inside .mediaBox,
.size_100.g3 .gridBox > .cell:first-child .inside .mediaBox {margin-bottom:0;}
.overBox, .titles .overBox .txtBox {position: absolute;}
.overBox {width: 100%;bottom: 0;padding-bottom: 1.4rem;left: 0;}
.mod:not(.inside) .overBox{display: none;}

/** MAQUETACION GRIDS ***************************/
/************************************************/
.gridLayout.size_66 {position:relative;}
.gridLayout.size_66 .auxBox {padding:0;margin:0;}
.gridLayout .grid {margin:0.8rem 0;}
.gridLayout .anteBox {padding: 0;position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: -1;}
.gridLayout.size_60.g4 .gridBox>.cell .mediaBox {float:none;width:100%;border:0 none;margin:inherit;}
[data-tipo="mod_multi-mosaic"] > .secBox {margin-top:1.6rem;}
.container.gridLayout[class*='g'] .gridBox > .cell {width:100%;}
.auxoff .auxBox {display:none;}
/*basicos*/
.gridLayout .mainBox {position:relative;}
.gridLayout .gridBox {display:grid;}
/*ruptura de fila*/ 
.striplayer.gridLayout:not(.specialTopBox) .gridBox {padding-bottom:2rem;}

.g1 .gridBox {grid-template-columns:repeat(1,1fr);}
.g2.simply .gridBox {grid-template-columns:repeat(2,1fr);}
.g3.simply .gridBox {grid-template-columns:repeat(3,1fr);}
.g4.simply .gridBox {grid-template-columns:repeat(4,1fr);}
.g5.simply .gridBox {grid-template-columns:repeat(5,1fr);}

/** G5 MODULES **********************************/
.notory.g5 .gridBox {display: grid;grid-template-columns: 60% 20% 20%;}
.notory.g5 .gridBox > .cell:first-child {grid-row-start: 1; grid-row-end: 3;} 
/* 5 elementos*/
.gridLayout.g5.notory .gridBox {grid-template-rows:auto auto auto 1fr;}
.gridLayout.g5.notory .cell:first-of-type {grid-row-start:1;grid-row-end:span 4;}
.gridLayout.g5.size_66 .gridBox {grid-template-columns:2fr 1fr;}
.gridLayout.g5.size_66 .imaR .mainBox {grid-template-columns:0.75fr 1fr;}
.gridLayout.g5.size_66 .imaL .mainBox {grid-template-columns:1fr 0.75fr;}
.gridLayout.g5.size_66 .ima{padding-top:56.25%;}
.gridLayout.g5.size_66 .imageBox{aspect-ratio:16/9;}
.gridLayout.g5.size_66 .txtBox .pretitle,.gridLayout.g5.size_66 .txtBox .maintitle{padding: 0;}

.gridLayout.g5.size_66 .imaR .mediaBox,.gridLayout.g5.size_66 .imaL .txtBox {grid-column:2;}
.gridLayout.g5.size_66 .imaR .txtBox,.gridLayout.g5.size_66 .imaL .mediaBox {grid-column:1;}

.g5.simply .inside .mediaBox:not(.imageBox) + .overBox {border-width: 0 0.6rem 0 5rem;}
.g5.simply .inside .overBox {padding-bottom:0;bottom:1.4rem;}

/*apertura de 5 elementos*//*reverse*/
.gridLayout.g5.size_66.flip-x .gridBox {grid-template-columns:1fr 2fr;}

/** new SIZES ****************************/
.txtsize_01 .mainBox .pretitle,
.txtsize_01 .mainBox .maintitle {font-size:1.4rem;line-height:1.6rem;}      /* minimo */
.txtsize_02 .mainBox .pretitle,
.txtsize_02 .mainBox .maintitle {font-size:1.6rem;line-height:2rem;}    /* pequeno */
.txtsize_03 .mainBox .pretitle,
.txtsize_03 .mainBox .maintitle {font-size:2rem;line-height:2.4rem;}      /* normal */
.txtsize_04 .mainBox .pretitle,
.txtsize_04 .mainBox .maintitle {font-size:2.4rem;line-height:2.8rem;} /* medio */
.txtsize_05 .mainBox .pretitle,
.txtsize_05 .mainBox .maintitle {font-size:2.8rem;line-height:3.2rem;}   /* grande */
.txtsize_06 .mainBox .pretitle,
.txtsize_06 .mainBox .maintitle {font-size:3.2rem;line-height:3.8rem;}    /* extra grande */
/** END *****************************************/

@media only screen and (max-width: 1279px){
  .wrapper.auxheader{width:auto;}
  .navBox.spechead .container ~ .slidB.ico,
  .navBox.spechead .container ~ .slidB.ico.be_on {-webkit-transition:right 1s;-moz-transition:right 1s;-o-transition:right 1s;transition:right 1s;}
  .subheader .spechead > .blindBox {-webkit-transition:right 1s;-moz-transition:right 1s;-o-transition:right 1s;transition:right 1s;}
  .subheader .spechead .ico.arrow.slidB {z-index:10;width: 4.8rem;height: 4.8rem;cursor: pointer;}
  .subheader .spechead .ico.arrow.slidB:hover{opacity: 0.6;} 
  /* textos apertura */
  .specialTopBox .txtBox .maintitle {font-size:2.8rem;line-height:1;}
  .specialTopBox .pretitle {font-size:2.4rem;}
}
@media only screen and (min-width: 1260px) {
    header.navBox > .container:not(.striplayer) {width:100%;}
}
@media only screen and (max-width:1198px){
    .container, .container.striplayer .grid {width:100%;}
    .spechead nav li .ico a {padding:0.4rem 0rem;}
    .subheader .spechead .blindBox span {font-size:1.3rem;;}
    .subheader .spechead .blindBox a:after{display: none;}
    .mainheader .navBox nav.blindBox .maintabs {width: 25rem;}
    .mainheader .navBox .ico.slideL[style="display: inline;"] {left: 30rem;}
    .mainheader .navBox [style="display: inline;"] + nav.blindBox {width: 30rem;}
    .subheader .spechead .blindBox {margin-left: 30rem;width: calc(100% - 40rem);}
}
@media only screen and (max-width:992px){
  .container.striplayer.specialTopBox .mainBox {display:block;direction:inherit;overflow:hidden;}
  .container.striplayer.specialTopBox .mediaBox, .specialTopBox .overBox {display:block;position:relative;width:100%;z-index:1;margin-bottom:0}
  .container.striplayer.specialTopBox .mediaBox a {box-shadow:none;z-index:initial;border-bottom:none;}
  .container.striplayer.specialTopBox .mediaBox .ima:before {top:auto;bottom:-90%;left:0;
  transform:skewY(-5deg);-webkit-transform:skewY(-5deg);-moz-transform:skewY(-5deg);-o-transform:skewY(-5deg);-ms-transform:skewY(-5deg);}
  .container.striplayer.specialTopBox .grid .mainBox .mediaBox > a .ico.play {right:50%;}
  .container.striplayer.specialTopBox .overBox {width: 100%;}
  .container.striplayer.specialTopBox .author.name {padding-bottom:2rem;}
}
