/** generales **/
.container, .container.striplayer .grid {max-width: 100%;margin:0 auto}
.bodier>.container.striplayer, .gridBox, .cell, .mod {display: block;width: 100%;}
.container > section.grid, .f0x0 > img, .mediaBox, .ima, .ico img, .promo_mod, .totem .mainBox, .grid, .cell, .mainBox {position: relative}
.wrapper.bodier > div:last-child {padding-bottom:4rem}
.gridBox .cell {padding: .8rem;}
a {border-bottom:0}
.mediaBox > a, .mediaBox > figure > a {width: 100%;height: 100%;position:absolute;left:0;bottom:0; display:block;}
.links_mod .mainBox > a {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}

/* ocultar elementos */
.wrapper.bodier {overflow:hidden}
.wrapper.shortBox, .container span.ico.redad, .mainBox .mediaBox .ico.notic, .oculto, .socialBox .ico.gplus {display:none}
.socialBox, span.duration, .datpub, .socialBox .datnum {clip:rect(0,0,0,0);position:absolute;top:-100%;left:-100%;}

/* formato */
.f27x9{padding-top: 033.33%;}
.f16x9{padding-top: 056.25%;}
.f9x9 {padding-top: 100%;}
.f12x9{padding-top: 75%}

/** cabecera **/
.wrapper.subheader .spechead:after {content:none}
.wrapper.subheader .navBox.spechead {height:6.6rem;}
.wrapper.subheader .spechead h1 {padding-top:1rem;}
.subheader .spechead h1, .subheader .falseH1, .wrapper.subheader .spechead .logoima {max-width:100%;}
.wrapper.subheader .spechead .logoima {width:12em;height:6.6rem;padding:.5rem;top:0}
.wrapper.subheader .spechead .logoima img {left:0;top:0;width:auto;height:auto;margin-left:0;margin-top:0;max-height:100%;max-width:100%}
.subheader .spechead nav .blindBox li{display:block;border-left:3em solid transparent;}
.subheader .spechead nav .blindBox.be_on li span {font-weight:600}

/* ico */
.mainBox .mediaBox > a .ico {position: absolute;left: 2rem;bottom: 2rem;top: auto;right:auto}
.mainBox .mediaBox > a .ico, .auxheader .ico, .arrays .controlBox .ico {display: inline-block;z-index:4;outline: solid .1rem;}
.mainBox .mediaBox > a .ico img, .auxheader .ico img, .socialBox .ico.share img, .arrays .controlBox .ico img, .subheader nav .arrow a img {background-image: url('/css/rtve.2015/i/iconos/icons_40x40_ffffff.png');background-size: 1100%;opacity: 0.95;margin: 0 auto;background-repeat: no-repeat;vertical-align: middle;display: inline-block;width:2.8rem;height:2.8rem}
.mainBox .videoBox > a .ico.play img {background-position: 00% 80%;}
.mainBox .audioBox > a .ico.play img {background-position: 10% 80%;}
.arrow.next_ img {background-position: 30% 20%;}
.arrow.back_ img {background-position: 20% 20%;}
.logo, .subheader .ico, .ico.close {outline:none}
.mainBox .mediaBox > a .ico img, body .arrays .controlBox img, .auxheader .ico img,
.arrays .gridBox.slideH .topBox .cell .ico.play img,
.striplayer.beoff.beon_ .article .mediaBox > a > .play.ico.video img {background-color: rgba(0,0,0,0.6);}
/* ico share */
.socialBox .ico.share > .blindBox{clip:rect(0,0,0,0);position:absolute !important;left:-1000%;left:0;bottom:0}
.socialBox .ico .legend {position:absolute;left:-900%;top:-900%;visibility:hidden}
.socialBox .ico.share img {background-position: 10% 40%}
.socialBox .ico.fbook img {background-position:00% 60%;}
.socialBox .ico.twitt img {background-position:10% 60%;}
/* .socialBox .ico.gplus img {background-position:20% 60%;} */
.socialBox .ico.bmark img {background-position:20% 40%;}
.socialBox .comms img,
.socialBlock .comms img {background-position: 40% 40%;}
/* auxheader */
.wrapper.auxheader .ico > a, .auxheader .blind{display:block;border-radius:0}
.auxheader .blind{cursor:pointer;z-index:2;text-align:center}
.auxheader .socialBox{display:block;top:8.6rem;left:2rem;clip:auto;}
.auxheader .socialBox .ico.share > .blindBox.be_on{clip:auto;left:0;bottom:auto;top:auto}
.auxheader .ico {display:block;}
/** **/

/** titulares **/
section.grid > h1, section.grid > .secBox, .sliderBox h1 {padding: 2rem .8rem 1.2rem .8rem;width: 100%;display: block;}
.grid > h3 span, .grid > h1 span, .grid > .secBox span, .sliderBox header span {font-family: 'Roboto','Arial',sans-serif;}
/*.cell .mod .pretitle, */section > h1 > span, section.grid > .secBox > span,
.tab_concursantes .striplayer section.grid > .secBox > span,
.sliderBox h1 span,.recetasGen caption span {font-size: 2.8rem;font-weight: 300;line-height: 1.1}

/* filetes */
.container:not(.striplayer) .secBox:before,
.sliderBox h1:before {content: '';width: 100%;height: .1rem;position: relative;display: block;margin: 1rem auto 1.5rem auto;}

/* modulos striplayer */
.striplayer section.grid > .secBox > span {font-weight: 600;line-height: 1.2;}
.striplayer.container > .striplayer.container {background:transparent; box-shadow: none;margin:0 auto}
/** **/

/** mediaBox **/
.mediaBox .ima {outline:solid .1rem}
/* textos */
section.grid > .secBox > span, .bigTit > .grid > .secBox span, .txtBox .pretitle {text-transform: uppercase}
.mainBox .txtBox {padding-top:.5em}
.txtBox .maintitle {font-size:2rem;line-height:1.2;font-weight:700; 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 {padding: 0.4rem 2rem;font-size: 1.6rem;line-height: 1.2;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;}

/* g1 size_100 */
.g1 .txtBox .maintitle,.g1 .txtBox .pretitle {font-size:2.4rem;padding: 0.5rem 0 0 ;}
.g1 .txtBox .pretitle {font-size:2.2rem;font-weight:300}
.g1 .auxBox * {font-size:1.8rem;font-weight:300}
.g1 .txtBox,.g1 .auxBox {padding:0.5rem 2rem}
.g1 .ima {box-shadow: 0 0.2rem 1rem #888888;}
.g1 .mediaBox > a .ico.play {top:50%; left:50%;bottom: auto;right:auto;margin-top: -1.8rem;margin-left:-1.8rem}
/* g1 size_50 */
.g1.size_50 .gridBox.right .mediaBox {border-right: 4rem solid transparent;float:left;width: 50%;}
.g1.size_50 .gridBox.left .mediaBox {border-left: 4rem solid transparent;float:right;width: 50%;}
.g1.size_50 .txtBox, .g1.size_50 .auxBox {padding: 0.5rem 1.2rem 0.5rem 0;}
.g1.size_50 .txtBox:empty {display:none}

/** **/

/** boton mas noticias **/
.wrapper .buttonBox {padding:0;box-shadow:none;margin: 1rem auto;}
.wrapper .buttonBox .secBox {padding:0}
.wrapper .buttonBox .secBox:before, .basesBox.container .secBox:before {content:none}
.wrapper .buttonBox .secBox span {display:block;text-align:center}
.wrapper .buttonBox .secBox span a {vertical-align: middle;display: inline;}
.buttonBox .secBox a:before{content:'add_circle_outline';display:inline; font-size:5rem;font-weight:100;line-height: 1;text-align: center; text-transform:none; text-rendering: optimizeLegibility;font-family:'Material Icons';-webkit-font-smoothing:antialiased;font-feature-settings:"liga";vertical-align: middle;padding-right: 1rem;}

/* modulo de bases legales */
.basesBox.container {width: 100%;padding-top: 2rem;}
.basesBox.container .secBox span {width: 100%;display: block;text-align: center;background: #8f8f8f;}
.basesBox.container .secBox span a {font-size: 2rem;display: block;padding: 1.5rem  ;}
.wrapper.bodier .basesBox.container section .secBox {padding:0;margin:0}
.wrapper.bodier .basesBox + .botlayer {padding-bottom:0}
/** **/

/** footer **/
.footer {background: #c1c1c1;padding:3rem 0;}
.footer .container ul li span {color:#424242}
.footer a ~ .blindBox {border-top: solid .1rem #424242; margin-top:1rem}
.footer a img {opacity:.6;-webkit-filter: brightness(0%);-moz-filter: brightness(0%);-ms-filter: brightness(0%);-o-filter: brightness(0%);filter: brightness(0%);}
.wrapper.footer a, .wrapper.footer .blind ~ .blindBox {float:none;display: block;}

.footer .container .endBox ul li {width:14%}
.footer .container .endBox a > span, .footer .container .endBox a > strong {font-size:1.4rem;font-weight:400;line-height: 2;color: #424242;}
/** **/

/** redes sociales **/
.container.socialShare .grid .gridBox{overflow:visible;padding-top: 2%;}
.container.socialShare:not(.g1) .grid .cellContent .mediaBox,
.container.socialShare .grid:not(.g1) .cell .mediaBox{text-align:center;}
.container.socialShare:not(.g1) .grid .cellContent .mediaBox > a:after,
.container.socialShare .grid:not(.g1) .cell .mediaBox > a:after{display:none;}
.bodier .socialShare .gridBox .links_mod a:focus .mediaBox .ima{outline: .2rem solid #8f8f8f;}
.container.socialShare:not(.g1) .grid .cellContent .mediaBox .ima,
.container.socialShare .grid:not(.g1) .cell .mediaBox .ima{display:inline-block;outline:0;background: transparent;width:auto;height:auto;padding-top:0;text-align:center;float:none;box-shadow:none}
.container.socialShare:not(.g1) .grid .cellContent .mediaBox .ima img,
.container.socialShare .grid:not(.g1) .cell .mediaBox .ima img {width:auto;position:relative;filter:invert(0.44);opacity:1;left:0;}
.container.socialShare .mediaBox > .ima:before{background:transparent;}

.container[class*="socialShare"] .gridBox{overflow:visible;}
[class*="socialShare"] .cellContent .socialBox,
[class*="socialShare"] .cell .socialBox, [class*="socialShare"] .overBox .txtBox, [class*="socialShare"] .overBox ~ .txtBox, [class*="socialShare"] .overBox .auxBox {clip:rect(0,0,0,0);position:absolute;top:-100%;left:-100%;overflow:hidden;}

.container.socialShare:not(.g1) .grid .cellContent .links_mod a:focus + .mediaBox .ima img,
.container.socialShare:not(.g1) .grid .cellContent .links_mod a:hover + .mediaBox .ima img,
.container.socialShare:not(.g1) .grid .cellContent .mediaBox:hover .ima img,
.container.socialShare .grid:not(.g1) .cell .links_mod a:focus + .mediaBox .ima img,
.container.socialShare .grid:not(.g1) .cell .links_mod a:hover + .mediaBox .ima img,
.container.socialShare .grid:not(.g1) .cell .mediaBox:hover .ima img {filter:invert(0.66);}

/* nuevo X (twitter) */
.container.socialShare:not(.g1) .grid .cellContent a[title="Enlace a Twitter"] + .mediaBox .ima,
.container.socialShare .grid:not(.g1) .cell a[title="Enlace a Twitter"] + .mediaBox .ima{background-image: url("https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_share_twitt.svg");filter: invert(0.44);}
.container.socialShare:not(.g1) .grid .cellContent a[title="Enlace a Twitter"] + .mediaBox .ima img,
.container.socialShare .grid:not(.g1) .cell a[title="Enlace a Twitter"] + .mediaBox .ima img {visibility:hidden}
.container.socialShare:not(.g1) .grid .cellContent a[title="Enlace a Twitter"]:hover + .mediaBox .ima,
.container.socialShare .grid:not(.g1) .cell a[title="Enlace a Twitter"]:hover + .mediaBox .ima{filter: invert(0.66);}
/** **/

@media(max-width: 1180px){.modConcursantes .row2 .grid .cell .mainBox .overBox .txtBox {font-size:85%;}
.buttonBox .secBox a:before {font-size:3rem}}
@media only screen and (max-width: 1440px){.wrapper.subheader .spechead h1, .wrapper.subheader .spechead .falseH1 {left: 10rem;}}

/** POSICIONANDO ONE TRUST ***************/
/*****************************************/
#onetrust-consent-sdk {position:relative;width:100%;left:0;float:left;display:block;padding-bottom:4rem;background: #c1c1c1;order:3}
body  #ot-sdk-btn-floating.ot-floating-button {position:relative;bottom:0;left:0;width:4rem;height:4rem;left:50% !important;transform:translateX(-50%);}
body #ot-sdk-btn-floating .ot-floating-button__front {border-radius:0;background:transparent;}
body #ot-sdk-btn-floating .ot-floating-button__front,#ot-sdk-btn-floating .ot-floating-button__back {box-shadow:none;}
body #ot-sdk-btn-floating.ot-floating-button button {opacity:0.34;}
body #ot-sdk-btn-floating.ot-floating-button button:hover {opacity:1;}
body #ot-sdk-btn-floating .ot-floating-button__front svg {filter:invert(1);}
/** POSICIONANDO ONE TRUST ***************/
/** END **********************************/


/********** FORMATO IMAGEN ************/
/**************************************/
figure.mediaBox.f16x9, figure.mediaBox.f27x9, figure.mediaBox.f9x9 {padding-top: 0;}
figure.f27x9 .ima{padding-top: 033.33%;}
figure.f16x9 .ima{padding-top: 056.25%;}
figure.f9x9 .ima{padding-top: 100%;}
/********** FORMATO IMAGEN  END *******/
/**************************************/

