@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

/*** Catalogo falso slide ***/   
.bodier >.container.striplayer.specialTopBox {background:#000;padding:0;position:relative;margin:0;}
.bodier > .container.striplayer.specialTopBox .gridBox {padding:0;}

.specialTopBox .grid:not(.listas) .gridBox .mod:not(.no_ima)  .mediaBox > a:after {height:0;}
.specialTopBox .arrays.simply .mediaBox {width: 85%;margin-bottom:0;margin-left: 15%;}
.specialTopBox .secBox {margin-top:0;width:auto;}
.specialTopBox .secBox span {margin:0;padding:2rem 0 0 2rem;}
.specialTopBox .slideH {border-right:0;border-left:0;}
.specialTopBox .controlBox {border-right:2em solid transparent;border-left:2em solid transparent;}
.specialTopBox .mod:after {content:'';display:block;height:100%;left:0;width:50%;}
.specialTopBox .mediaBox {margin-bottom: 0;}

.specialTopBox .mainBox .socialBox + .txtBox {display:block;width:40%;padding:0;text-align:left;}

.specialTopBox .controlBox > .next_ img {background-position:100% 50%;right:0;}
.specialTopBox .controlBox > .back_ img {background-position:0 50%;left:0;}
.specialTopBox .mod:after {position: absolute;background:linear-gradient(90deg,rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0) 100%);}
.specialTopBox .controlBox .arrow:not(.beoff):hover img {opacity:1;}
.specialTopBox .controlBox .ico.arrow.back_ {left: -6rem;}
.specialTopBox .controlBox .ico.arrow.next_ {left:6rem;}

.grid .controlBox span.ico{outline:transparent;background: transparent;}
.grid.arrays .mainBox .pretitle, .grid.arrays .txtBox .datpub {color:#D2D2D2;}
.grid.arrays .controlBox .ico img{background-color:transparent;width:6rem;height:11rem;}
.arrays .gridBox ~ .controlBox .next_ img {background:url('/css/rtve.2019/rtve.commons/rtve.modules/rtve.slides/i/arrowR_ffffff.svg');}
.arrays .gridBox ~ .controlBox .back_ img {background:url('/css/rtve.2019/rtve.commons/rtve.modules/rtve.slides/i/arrowL_ffffff.svg');margin-left:-1.6rem;}

/*TEXTOS*/
.container.striplayer.specialTopBox .cell .maintitle {font-family: 'Noto Serif', sans-serif;font-size: 4rem;line-height: 4.8rem;font-weight: 400;color: #fff;}
.container.striplayer.specialTopBox .cell .auxBox p {font-family: Roboto;font-weight: 300;font-size: 1.8rem;line-height: 2.8rem; margin: 1.6rem 0;}
.container.striplayer.specialTopBox .cell .txtBox .pretitle {font-size: 1.8rem;font-weight: 300;margin-bottom: 1rem;display: block;}
.container.striplayer.specialTopBox .grid.arrays .txtBox .datpub{display: none;}


/* sin catalogo */
.container.gridLayout.g1.size_100.striplayer.specialTopBox .mod:after {position: absolute;background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);top: 0;left: 7.5%;}
.container.gridLayout.g1.size_100.striplayer.specialTopBox .mainBox .txtBox {left:10rem;bottom: 2rem;}
.container.gridLayout.g1.size_100.striplayer.specialTopBox article .notic_mod .mediaBox {width: 85%;left: 50%;transform: translateX(-50%);}

/*positioning*/
.specialTopBox .cell {padding: 0;}
.specialTopBox .mainBox .txtBox,
.specialTopBox .grid.g1 >.secBox {position:absolute;}
.specialTopBox .grid.g1 >.secBox {top:2rem;left:0;bottom:auto;}
.specialTopBox .grid.g1  .mainBox .txtBox {top:10.5rem;left: 2rem;}
.specialTopBox .arrays .mainBox, .specialTopBox .mediaBox {position:static;}
.specialTopBox .grid.g1 >.secBox {z-index:3;}
.specialTopBox .grid.g1  .mainBox .txtBox {z-index:1;}

/*** redes sociales ***/
.toplayer+.striplayer[data-tipo="mod_catalogo"]+.socialShare {position: relative;top: -12rem;left:auto;right: 0;z-index: 1;background:transparent;max-width: 100%;overflow: hidden;height: 0;margin-bottom: -7rem;}
.toplayer+.container.striplayer+.socialShare {position: relative;top: -8rem;left:auto;right: 0;z-index:2;background:transparent;max-width: 100%;overflow: hidden;height:5rem;}
.wrapper.bodier .container.gridLayout.socialShare .grid .gridBox {text-align: center;display: flex;justify-content: flex-end;align-items: center;}
.container.gridLayout.socialShare .grid .gridBox .cell {width: auto;max-width: 5rem;float: none;display: inline-block;vertical-align: middle;}
.container.socialShare .mainBox {display: flex;justify-content: center;}
.container.socialShare .grid:not(.g1) .cell .mediaBox .ima {width:3rem;height:3rem;}
.container.gridLayout.socialShare .overBox ~ .txtBox {clip: auto;position: static;text-align: left;margin-left:2.4rem;}
.container.gridLayout.socialShare .overBox ~ .txtBox .maintitle {font-size: 0;line-height: 0;font-weight: 400;padding: 0;}
.container.gridLayout.socialShare .overBox ~ .txtBox h3 > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.container.socialShare .mainBox:hover .mediaBox .ima img {filter: none;}


/* ----------------------------------------------------------------------- */
/*CAJON DE ENLACES*/

.linksBox.container figure.mediaBox {text-align: center;aspect-ratio: unset;}
.linksBox.container figure.mediaBox .ima {padding-top:0;aspect-ratio:1;border-radius:100%;max-width: 20rem;margin: 0 auto;float: none;border:.1rem solid #494847}


.linksBox.container .txtBox  {text-align:center;}
.linksBox.container .txtBox .maintitle {font-size: 1.8rem;line-height: 2.8rem;letter-spacing: 0.8pt;}

/* hover */
.linksBox.container .cell .mod .mediaBox {transition: 0.5s ease;transform: scale(1);filter: contrast(1)}
.linksBox.container .cell:hover .mod .mediaBox {transform: scale(1.15);filter: contrast(0.5)}
.linksBox.container .cell:hover .txtBox h3 .maintitle {color:#d25000;}


/* ----------------------------------------------------------------------- */
/*BLOQUE CALENDARIO*/
.container.calendarBox.striplayer{background: #f2f2f2;}
.container.calendarBox .meses {padding:2rem 8rem;float: left;width: 100%;}
.calendarBox .calendario .nav,.calendarBox .tabcal {border-style:solid;border-color:transparent;}
.calendarBox .cell,.calendarBox .calendario-leyenda {padding:2rem 0;}
.calendarBox .tabcal {width: 39%;background: #fff;}
.calendarBox .tabcal:first-child {margin:0 10.4% 0 0;}
.calendarBox .tabcal:last-child {margin:0 0 0 10.4%;}
.calendarBox .calendario-leyenda label {font-size:1.2rem;line-height:1.6rem;}
.calendarBox .calendario-leyenda {text-align:center;}
.calendarBox .calendario .nav {background:transparent;}
.calendarBox .calendario .nav {border-width:0 10rem;padding:0;text-align:center;}
.calendarBox .calendario .nav li {line-height:4rem;width:4rem;float:none;display:inline-block;}
.calendarBox .calendario .nav li.year {color:#f56b0d;text-transform:uppercase;width:auto;}
.calendarBox .calendario .nav li:not(.year) {background:#f56b0d;}
.calendarBox .calendario .nav li.prev {float:left;}
.calendarBox .calendario .nav li.next {float:right;}

/*colors*/
.calendario {background-color:#f2f2f2;}
.calendario .nav,.meses caption  {background-color:#f56b0d;color:#fff;}
.tabcal a.activo:hover, .tabcal a[class*='item']:hover {background-color:#f2f2f2;}
.tabcal th {background:#f1f1f1;}

/*anio*/
.calendario {display:block;width:100%;padding:0 4rem;}
.calendario .nav {display:block;float:left;width:100%;padding:1.2em;}
.calendario .nav li {text-align:center;font-size:2em;color:#fff;width:10%;float:left;}
.calendario form li {display:inline-block;padding:1em 0.5em;position:relative;}
.calendario li.year{width:80%;}
.calendario li.year h3 {font-weight:400;}
.calendario-leyenda h6 {font-size:1.4em;padding:2rem 0;font-weight:500;display:inline-block;width:100%;}
.calendario-leyenda label{font-size:1.3em;line-height:1.769;}
.g2 .calendario form li {display:block;width:60%;float:left;padding:0.4em 0;}
.g2 .calendario form li:nth-child(odd){width:40%;}
.g2 .calendario-leyenda {padding:1em 2em;}
.g2 .tabcal {width:50%;padding-bottom:1em;}

/*calendarios*/
.meses {text-align:center;}
.tabcal {width:22%;border-collapse:collapse;display:inline-table;margin:1%;}

.tabcal tr {width:100%;}
.tabcal td, .tabcal th {text-align:center;font-size:1.2em;font-weight:400;}
.tabcal td a {display:block;line-height:2;font-size:1.6rem;}
.meses .tabcal:nth-child(4n+1){clear:both;}
.meses caption {padding:0.8em 1em;font-size:1.8em;text-transform:capitalize;}
.tabcal td {width: 14.28571428571429%;}
.tabcal td, .tabcal th {border-left:0.1em solid #ededed;border-bottom:0.1em solid #ededed;height:3rem;}
.tabcal th:first-child, .tabcal td:first-child {border-left:none;}
/*radio buttons y selección activa*/
input[type=radio] {clip:rect(0 0 0 0);position:absolute;}
label:before {content:"";display:block;width:1em;height:1em;background-color:#fff;border:0.2em solid #2196f3;margin-right:0.2em;float:left;}
label.item2:before {border-color:#d81a28;}
label.item3:before {border-color:#0f924c;}
label.item4:before {border-color:#b050e8;}
label.item5:before {border-color:#f4941e;}
label.item6:before {border-color:#959592;}
label.itemon.activo:before{background-color:#2196f3}
.tabcal .activo, .tabcal .item2, .tabcal .item3, .tabcal .item4, .tabcal .item5, .tabcal .item6 {color:#fff;}
label:hover:before, .tabcal .activo, .tabcal .itemon:before{background-color:#2196f3;cursor:pointer;}
label.item2:hover:before, .tabcal .item2, .item2.itemon:before{background-color:#d81a28;}
label.item3:hover:before, .tabcal .item3, .item3.itemon:before{background-color:#0f924c;}
label.item4:hover:before, .tabcal .item4, .item4.itemon:before{background-color:#b050e8;}
label.item5:hover:before, .tabcal .item5, .item5.itemon:before{background-color:#f4941e;}
label.item6:hover:before, .tabcal .item6, .item6.itemon:before{background-color:#959592;}
.tabcal .activo:hover{outline:0.2em solid #2196f3;color:#2196f3;box-shadow: 0 0 4rem rgba(0,0,0,0.4);}
.tabcal a[class*='item']:hover {box-shadow: 0 0 4rem rgba(0,0,0,0.4);}
.tabcal .item2:hover {outline:0.2em solid #d81a28;color:#d81a28;}
.tabcal .item3:hover {outline:0.2em solid #0f924c;color:#0f924c;}
.tabcal .item4:hover {outline:0.2em solid #b050e8;color:#b050e8;}
.tabcal .item5:hover {outline:0.2em solid #f4941e;color:#f4941e;}
.tabcal .item6:hover {outline:0.2em solid #959592;color:#959592;}
.tabcal td:nth-child(6) {background-color:#FFEAD5;}
.tabcal td:nth-child(7) {background-color:#FBC996;color:#f56b0d;font-weight:700;}

/*Arreglar padding de dias en pf*/
.calendario td {padding:0;}

/*pop up*/
/*fonts*/
.calendarBox > section.grid > *{z-index:3;}
.calendarDescription ul li:not(.title) span {font-weight:300;}
.calendarDescription ul li.title {color:#333;font-size:1.5em;font-weight:500;}
.calendarDescription ul li b {color:#333;}
.calendarDescription ul li p:first-child > strong {font-size:1.7rem;color:#f56b0d;font-weight:400;}
.calendarDescription ul li p {color:#737578;font-weight:300;}
.calendarDescription ul li b,.calendarDescription ul li strong {font-weight:400;color:rgba(35,36,42,0.75);}
.calendarDescription .opusBox li strong{font-weight:500;}
.calendarDescription .opusBox li em{font-weight:400;}

.calendarDescription {display:block;width:30em;background:#fff;border:0.1em solid #ededed;margin-left:-15em;float:left;position:absolute;top:0;left:50%;z-index:2;}
.calendarDescription .day, .calendarDescription a {color:#fff;float:left;font-size:1.6em;font-weight:400;line-height:1em;padding:0.8em 0em 0.8em 2em;}
.calendarDescription a {width:10%;padding:0.8em 0;}
.calendarDescription ul {width:100%;display:block;padding:0.5em 0.5em 0.5em 2.5em;}
.calendarDescription .opusBox li > ul{padding:0.5em 0.5em 0.5em 1.5em;}
.calendarDescription ul li {font-size:1.4rem;color:#737578;font-weight:500;padding:0.4em;line-height:1.666;position:relative;}
.calendarDescription [class*='item']:before, .calendarDescription .opusBox li > ul li:before{width:0.8em;height:0.8em;}
.calendarDescription [class*='item']:before{content:'';margin-left:-1.5em;margin-right:0.5em;}
.calendarDescription .item2:before {background:#d81a28;}
.calendarDescription .item3:before {background:#0f924c;}
.calendarDescription .item4:before {background:#b050e8;}
.calendarDescription .item5:before {background:#f4941e;}
.calendarDescription .item6:before {background:#959592;}
.calendarDescription .opusBox li:before{content:'\2023';font-size:3.6rem;font-weight:400;top:-0.4em;position:absolute;color:rgba(250,120,0,1);left:-0.5em;}
.calendarDescription .opusBox li > ul li:before{content:'\25e6';}

/*new html*/
.calendarDescription .concHead {padding:0.4em;}
.container > .grid h1 ~ .gridBox {z-index: 0;}

.calendarDescription > [class*='item']:before {width: 1.2em;height: 1.2em;position: absolute;margin-top:0.9em;}
.calendarDescription  div[class*='item'] {padding:0.5em 0.5em 0.5em 2.5em;display: inline-block;}
.calendarDescription div[class*='item'] p {font-size:1.4rem;}
.calendarDescription .pretitle , .calendarDescription .title{display:inline-block;width:100%;color:#333;font-size:1.5em;font-weight:500;line-height: 1.666;margin-top: 0;}
.calendarDescription .title {font-weight:300;color:grey;}
.calendarDescription .progBox {font-size:1.4rem;color:#737578;font-weight:300;padding:0.4em;line-height:1.666;position:relative;}
.calendarDescription .progBox .dataBox > p {padding-bottom:1rem;}
.calendarDescription .progBox .dataBox p strong {display:none;}
.calendarDescription .progBox .dataBox p em {font-style:normal;color:grey;font-weight:300;margin-left:-0.5rem;}
.calendarDescription .progBox .stafBox p strong {color:#737578;font-weight:300;font-weight:400;color: rgba(35,36,42,0.75);}
.calendarDescription .concType {display:none;}

.calendarDescription .calendarHead {background:#f56b0d;display:inline-block;width:100%;position:relative;}
.calendarDescription .calendarHead .cerrar {display:block;cursor:pointer;height:3.2rem;width:3.2rem;background-image:url('/css/rtve.2015/i/iconos/icons_60x60_ffffff.png');background-position:40% 20%;background-size: 1100%;top:50%;margin-top: -1.6rem;opacity: 0.8;}
.calendarDescription .calendarHead .cerrar {position:absolute;right:0.4rem;}
.calendarDescription .calendarHead .cerrar:hover {opacity:1;}


body .wrapper.bodier {overflow:visible;position:relative;z-index:3;}



/* ----------------------------------------------------------------------- */


/* texto enriquecido / texto plano */
.container[data-tipo="mod_rich_text"] .cellContent > h2 {margin: 0rem 0 2rem 0;}
.container[data-tipo="mod_rich_text"] .cellContent h2 strong {color: #d25000;}
.container[data-tipo="mod_rich_text"] .cellContent p {line-height: 2.6rem;margin: 1rem 0;font-weight: 300;    padding-bottom: 2rem;}


/* desargas */
.botonDescarga.striplayer[data-tipo="mod_rich_text"] {padding: 1.4rem;}
.botonDescarga[data-tipo="mod_rich_text"] .secBox span {font-family:"Roboto",arial;text-transform: none;}
.bodier>.striplayer.botonDescarga .gridBox:not(.catalog) {padding:0.2rem 0 0.6rem;}
.botonDescarga[data-tipo="mod_rich_text"] *,
.botonDescarga.container .gridBox .cell .mod .mainBox .txtBox > h3 {display: inline-block;}
.botonDescarga[data-tipo="mod_rich_text"] .secBox span,.botonDescarga[data-tipo="mod_rich_text"] .cellContent > p > a ,
.botonDescarga.container .gridBox .cell .mod .mainBox .maintitle, .botonDescarga.container .gridBox .cell .mod .mainBox .pretitle {font-size: 1.6rem;line-height: 2rem;word-spacing: 0;letter-spacing: 0;font-weight: 400;color: #F2F2F2;display: inline;text-transform: none;}
.botonDescarga.striplayer[data-tipo="mod_rich_text"] {display: none;}
.botonDescarga.container .gridBox .cell .mod .mainBox a {padding: 0.5rem 2.2rem;display: block;width: auto;background: #34505D;transition: all 0.2s;}
.botonDescarga.container .gridBox .cell .mod .mainBox a:hover{opacity: 0.8;}
.botonDescarga.container article .txtBox{padding-top:0;}

.grid .gridBox .mod .mediaBox:after,.grid:not(.listas) .gridBox .mod:not(.no_ima) .mediaBox > a:after, .noticias .mediaBox.photoBox:after, .rtve .mediaBox.photoBox:after, .totem .ima:after{display: none;}
.mainBox .mediaBox span.ico {bottom: 0;}
.arrays .gridBox .topBox .cell .ico.play img {margin-bottom: 0rem;}

/* directores */
.directoresBox.gridLayout article .mediaBox picture {border-radius: 50%;}
.directoresBox.gridLayout article .txtBox {text-align:center;display: flex;flex-flow: column-reverse;}
.directoresBox.gridLayout .mainBox .pretitle {font-size:1.6rem;font-weight: 300;line-height:2rem;}
.directoresBox.gridLayout .mainBox .maintitle {font-size:2rem;font-weight: 300;line-height:3.2rem;}


@media only screen and (max-width:1400px){
    .bodier>.container:not(.striplayer){width:90rem;}
    .container.gridLayout.g1.size_100.striplayer.specialTopBox .mainBox .txtBox {left: 7rem;}
}
@media only screen and (min-width:1400px){
    .bodier>.container:not(.striplayer){width:100rem;}
}