@import url('header.desktp.css');
@import url('/css/rtve.2015/rtve.commons/rtve.header.footer/desktp.footer.css');
@import url('basics.por.css');
@import url('catalogo.desktp.css');
@import url('/css/rtve.2021/rtve.skins/rtve.modules/rtveplay.desktp.css');

/** CAJONES ************************************/
.wrapper.bodier {z-index: 1;position: relative;}
/* Oculta elementos irrelevantes */
.wrapper.sheet.breakNews {display: none;}
.mainBox .socialBox,
.mainBox span.duration,
.mainBox .datpub,
.mainBox .socialBox .datnum {clip: rect(0, 0, 0, 0);position: absolute;top: -100%;left: -100%;}

/* Cajones */
.bodier .container:not(.striplayer) {background: #fff;}

.bodier .container.striplayer.specialTopBox:not(.byside) {z-index: unset;padding: 0;overflow: hidden;}
.bodier .container,
.bodier .container .grid {position: relative;}

/* General layout */
.bodier > .container.striplayer,.bodier>.container.striplayer > .grid, .bodier .container.striplayer > .grid {width: 100%;}

.bodier>.container > .grid,.bodier .container > .grid {width:118rem;margin: 0 auto;}
.bodier .container {padding: 3rem 0 4rem 0;}
.bodier .container.byside {padding-top: 0;}

.g2.simply .cell {width:50%;}
.g3.simply .cell {width:33.333%;}
.g4.simply .cell {width:25%;}
.g5.simply .cell {width:20%;}

.cell {float: left;padding: 1.2rem;width: 100%;}
.cell .mod {position: relative;}
.cell .auxBox, [data-tipo="mod_rich_text"] .cellContent *{font-size: 1.6rem;line-height: 2.8rem;font-weight: 300;}
.cell .auxBox p {padding:0.4rem 0;line-height: 2.1rem;font-size: 1.7rem;}

[data-tipo="mod_rich_text"] .cellContent strong {font-weight: 500;}
[data-tipo="mod_rich_text"] .cellContent {padding: 1.2rem;}
[data-tipo="mod_rich_text"] .cellContent p {padding: 0.5rem 0;}

.cell .auxBox em {font-style: normal;font-weight: 500;}

.cell .auxBox ul.listing > li,
.accordion-content > ul > li {padding-left:2rem;line-height: 2.4rem;}
.cell .auxBox ul.listing > li:before,
.accordion-content > ul > li:before {content: "\025cf ";margin-right: 6px;font-size:1.4rem;line-height:1;margin-left:-2rem;color: #f25b24;top:-0.1rem;position:relative;}

.cell .auxBox a {border-bottom: .1rem solid;}

.cell.col-3 ul.listing.ul {column-count: 3;}

/* Grids */
.gridLayout[class*='size_'] .gridBox {display: grid;}
.gridLayout[class*='size_'] .gridBox > .cell {width: 100%;}
.gridLayout.g1[class*='size_']:not(.size_100) .mainBox {display: grid;grid-template-rows: auto auto;gap: 0;align-items: start;}
.gridLayout.g1.size_50 .mainBox ,
.gridLayout.g4.size_50 .gridBox {grid-template-columns: 1fr 1fr;}
.gridLayout.g1[class*='size_']:not(.size_100) .mod .mediaBox {grid-row-start: 1;grid-row-end: span 2;aspect-ratio: 16 / 9;}
.gridLayout.g1[class*='size_']:not(.size_100) .mod.imaR .mediaBox {justify-self: flex-end;}

.gridLayout.g1[class*='size_']:not(.size_100) .txtBox {justify-content: flex-end;align-items: flex-start;}
.gridLayout.g1[class*='size_']:not(.size_100) .txtBox, .gridLayout.g1[class*='size_']:not(.size_100) .auxBox { display: flex;flex-direction: column;padding: 0 1.2rem;}
/*alineacion imagen*/
.imaR .mediaBox,.imaL .txtBox {grid-column:2;}
.imaR .txtBox,.imaL .mediaBox {grid-column:1;}


.mainBox .anteBox:empty, .mainBox .overBox:empty {display: none;}


/* Grid titles */
.grid > .secBox {padding:1rem 0;display: inline-block;width: 100%;}
.grid > .secBox span {font-size: 2.4rem;line-height: 3rem;font-weight: 500;font-family: 'Noto Serif',serif;text-transform: none;letter-spacing: 1pt;}
.striplayer .grid > .secBox span {color: #fff;}
.striplayer .grid > .secBox span a:hover {background: #fff;color: #000;}

/* Texts */
.mediaBox ~ .txtBox {padding: 1.2rem 0 0.6rem;}
.txtBox strong ,.auxBox strong{font-weight: 600;}
.txtBox span.pretitle {font-size: 2rem;line-height: 2.4rem;z-index: 2;position: relative;font-weight: 500;}
.txtBox span.maintitle {font-size: 2.2rem;line-height: 2.8rem;letter-spacing: 0.08px;font-weight: 400;}

.txtsize_01 .txtBox span.maintitle {font-size: 1.8rem;line-height: 2.4rem;font-weight: 500;}
.txtsize_02 .txtBox span.maintitle {font-size: 2rem;line-height: 2.6rem;font-weight: 500;}
.txtsize_03 .txtBox span.maintitle {font-size: 2.2rem;line-height: 2.8rem;font-weight: 500;}
.txtsize_04 .txtBox span.maintitle {font-size: 2.4rem;line-height: 3rem;font-weight: 500;}
.txtsize_05 .txtBox span.maintitle {font-size: 2.6rem;line-height: 3.2rem;}
.txtsize_06 .txtBox span.maintitle {font-size: 3rem;line-height: 3.6rem;}

.txtBox .author.name {font-size: 1.4rem;line-height:1.8rem;text-transform: uppercase;display:block;padding: 0.6rem 0;}

.striplayer .txtBox span.pretitle,
.striplayer .txtBox span.maintitle,
.specialTopBox.striplayer .arrays .txtBox .maintitle,
.striplayer .cell .auxBox {color: #fff;}

.striplayer .g1.arrays .catalog .txtBox {position: absolute;top: 10rem;left: 0;width: 40%;height: 100%;}

.striplayer .grid:not(.arrays) .mod.no_ima .txtBox span.maintitle {padding: 1rem 0;display: inline-block;margin-top: -4rem;}

/* Hover effects */
.txtBox a:hover span, article ul a .maintitle:hover,
.container .cell .auxBox a:hover,
.arrays .catalog .mainBox:hover .txtBox span {border-bottom:.1rem solid;cursor: pointer;}

.cell .auxBox a:hover {color:#f25b24}


/* cajon de 4 striplayer */
.container.gridLayout.g4.simply.striplayer {padding: 3rem 4rem;}
.container.gridLayout.g4.simply.striplayer .txtBox span.maintitle, .container.gridLayout.g4.simply.striplayer .cell .auxBox{color: #000;}
.container.gridLayout.g4.simply.striplayer .txtBox span.pretitle{color:#737578;}

/**** FOOTER ***/
div#footer {background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); padding: 5rem 0;}

div#onetrust-consent-sdk {background: rgba(0,0,0,0.65);width: 100%;left: 0;}

.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%);}

/* Footer widths */
@media only screen and (min-width: 1260px) {
  .footer .container {
    width: 101.2rem;
    min-width: 101.2rem;
  }
}

@media only screen and (min-width: 1400px) {
  .footer .container {
    width: 118rem;
    min-width: 118rem;
  }
}

/**** CATALOGO de 1 ****/
.bodier .container.striplayer[data-tipo="mod_catalogo"] {padding:0;background: #000;margin-bottom: 4rem;}
.bodier .striplayer[data-tipo="mod_catalogo"] > .grid.g1.arrays {width:100%;max-width: 118rem;padding: 0 1.2rem;}
.bodier .striplayer[data-tipo="mod_catalogo"] > .grid.g1.arrays  .controlBox {display: none;}

.striplayer[data-tipo="mod_catalogo"] .g1.arrays .catalog.gridBox.slideH {border: none;}

.g1.arrays .catalog .txtBox span.maintitle {
  font-size: clamp(1.2rem, 4vw, 4rem);
  line-height: 1.2;
  font-weight: 300;
  font-family: 'Noto Serif',serif;
  letter-spacing: 0.08px;
  z-index: 4;
  position: relative;padding: 0;
  display: initial;
}


/* Slider layout */
.g1.arrays .topBox {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

.g1.arrays .topBox.cell {
  flex: 0 0 100%;
  scroll-snap-align: start;
}

.slider-indicators {
  display: flex;
  justify-content: left;
  gap: 0.6rem;
  position: relative;
  top: -3rem;
  z-index: 2;
  margin-left: 0;height: 0;
}

.slider-indicators .dot {
  width: 8rem;
  height: 0.5rem;
  background-color: #ffffffab;
  transition: background-color 0.3s ease;
  cursor: pointer;
  @media (max-width: 560px) {
    width: 4rem;
  }
}

.slider-indicators .dot.active {
  background-color: #ffffff;
}


/* Degradado de pagBox */
.arrays .slideH.elem00.show1 .topBox .pagBox {
  position: relative;
  z-index: 1;
  overflow: hidden;padding: 0;border: none;
}

.arrays .slideH.elem00.show1 .topBox .pagBox::before,
.arrays .slideH.elem00.show1 .topBox .pagBox::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.arrays .slideH.elem00.show1 .topBox .pagBox::before {
  left: 0;
  width: 60%;
  background: linear-gradient(to right, rgb(0 0 0) 20%, transparent);
}

.arrays .slideH.elem00.show1 .topBox .pagBox::after {
  right: 0;
  width: 30%;
  background: linear-gradient(to left, rgb(0 0 0), transparent);
}

/* Catálogo portada: desaturar icono */
.container:not(.striplayer)[data-tipo="mod_catalogo"] .arrays .controlBox .ico img {
  filter: brightness(0);
}


/**** DESTACADO ****/

/*APERTURAS 50 Y 100*/
.bodier > .container.striplayer[class*="destacado"] {background:#000;padding: 0;}

div[class*="destacado"]:not(.nx-module) article .mainBox {display: flex;flex-direction: row-reverse;  height: 100%;height: 36rem;}
div[class*="destacado"]:not(.nx-module) .mainBox .overBox {display: flex;flex-direction: column;justify-content: center;}
div[class*="destacado"]:not(.nx-module) .mainBox .txtBox .maintitle {font-weight: 300;font-size: 3.2rem;line-height: 3.8rem;display: inline-block; width: 40rem;}

/*apertura 50*/
.destacado50 .gridBox .cell, .destacado50 + .container.striplayer .grid:not(.g2) .gridBox .cell, .destacado50 + .striplayer.beoff + .container.striplayer .grid:not(.g2) .gridBox .cell {padding: 0;}

/* positioning */
.destacado50 .mediaBox {width: 60%;position: absolute;top: 0;left: auto;right: 0;}
.destacado50 .overBox {width: 118rem;max-width: 118rem;margin: 0 auto;padding: 10rem calc(118rem / 2) 6rem 0;}
.destacado50 .overBox:after {content: "";position: absolute;top: 0;height: 100%;z-index: 1;left: 0;width: 100%;background: linear-gradient(to right, #000 50%, transparent 100%);}


.destacado50 .txtBox, .destacado50 .auxBox {position: relative;padding: 1rem 4rem 1rem 1.2rem;z-index: 2;}
.striplayer.destacado50 .auxBox * {font-size: 1.8rem;line-height: 2.8rem;font-weight: 300;}

.destacado50 .mediaBox > a {z-index: 1;box-shadow: 0 1.5rem 5rem 0rem rgba(0,0,0,0.5);
  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;
}

.destacado50 .grid .mainBox .mediaBox .ico.play {right: 25%;left: auto;}
.container[class*='destacado'] {max-height: 36rem;}

.destacado50 .mediaBox {width: 100%;position: absolute;top: 0;left: auto;right: 0;height: 100%;}
.destacado50 .overBox:after {background: linear-gradient(to right, #000, transparent 100%);}

@media only screen and (max-width:1200px){
  .bodier .container {padding: 3rem 4rem 4rem 4rem;}
  .bodier>.container > .grid, .bodier .container > .grid {width: 100%;}
  .destacado50 .overBox {width: 100%;max-width: 100%;padding: 10rem calc(118rem / 2) 6rem 4rem;}
  div#footer {padding: 5rem;}
  .g4.simply .cell {width:50%;}
}

/* bcube */

/**** ENLACES ****/
.container.shortBox ul {display:flex;justify-content:space-evenly;text-align:center;align-items: normal;}
.container.shortBox ul li {flex: 0 0 0;}
.container.shortBox ul li a {font-size: 1.4em;line-height:1.8rem;font-weight:700;background:transparent;color:#737578;}
.container.shortBox ul li a:hover {color:#f25b24}
.container.shortBox ul li a:hover:before {transform:scale(1.15);filter:contrast(0.5) brightness(1);}


/* con contenido */
.container.enlaces .txtBox  {text-align: center;width:100%;}
.container.enlaces .txtBox + a {position:absolute;top:0;left:0;width:100%;height:100%;}
.container.enlaces .txtBox a {position: relative;z-index:1}
.container.enlaces figure.mediaBox.f16x9 {padding: 15%;}


/** COLECCIONES **/
[data-tipo="mod_collection"].striplayer {background:#000}
[data-tipo="mod_collection"].container .secBox {padding:2.4rem 5.2rem 0 5.2rem}

.striplayer .collSet .comp_nC.monoBox .txtBox p:not(.legend) {color:#fff}
.collSet .comp_nC.monoBox .getoff .txtBox p:not(.legend) {visibility: hidden;height: 0;}
.collSet .comp_nC.monoBox .active .content {border:none}

/* cuadrados pequenos */
.elem_xC .cellBox .txtBox {width: 100%;height: 100%;padding: 1.6rem;line-height: 2.2rem;display: flex;flex-direction: column;justify-content: flex-end;}
.elem_xC.active .txtBox .maintitle {font-size: inherit;line-height: 2rem;padding-right: calc(25% + 1.2rem);}
.comp_xC.monoBox:not(.comp_nH) .pretitle {order: 2;}

.comp_xC.monoBox .txtBox p:not(.legend) {overflow: hidden;height: 0;opacity: 0;padding: 0;}
.collSet .elem_xC .cellBox .mod .goto_media .rtve-icons {width: 25%;padding-top: 25%;right: 0.4rem;top: 0.8rem;}
.comp_xC .active .goto_media .rtve-icons {opacity: 1;}
.comp_xC .goto_media .rtve-icons {background-image: url("/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playAudio_circulo.svg");}
.comp_xC .goto_media .rtve-icons {opacity: 0;content: '';display: block;position: absolute;border-radius: 100%;background-repeat: no-repeat;background-position: 50%;background-size: 100%;}

@media only screen and (min-width:480px){
	.hiveBox.slideH .comp_xC.elem_00 {width:3100%;}	
}
@media only screen and (min-width:768px){
	.hiveBox.slideH .comp_xC.elem_00 {width:2066%;}
	.hiveBox.slideH .comp_nC.elem_00 {width:1550%;}
}
@media only screen and (min-width:1024px){
	.hiveBox.slideH .comp_xC.elem_00 {width:1550%;}
	.hiveBox.slideH .comp_nC.elem_00 {width:1240%;}	
}
@media only screen and (min-width:1280px){
	.hiveBox.slideH .comp_xC.elem_00 {width:1550%;}
	.hiveBox.slideH .comp_nC.elem_00 {width:1033%;}	
}

@media only screen and (min-width:1440px){
	.hiveBox.slideH .comp_xC.elem_00 {width:1240%;}
	.hiveBox.slideH .comp_nC.elem_00 {width:1033%;}
}
@media only screen and (min-width:1660px){
	.hiveBox.slideH .comp_xC.elem_00 {width:1033%;}
	.hiveBox.slideH .comp_nC.elem_00 {width:775%;}
}


/*** 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;}
.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: 2.4rem;height: 2.4rem;}
.container.gridLayout.socialShare .overBox ~ .txtBox {clip: auto;position: static;text-align: left;    margin-left: 0.8rem;}
.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%;}

/* hover */
.container.socialShare .grid:not(.g1) .cell:hover .mediaBox .ima,
.container.gridLayout.socialShare .cell:hover .txtBox a .maintitle {opacity:0.7}



/*NUEVO FORMATO IMAGENES*/
.f27x9 .ima {aspect-ratio:3/1;}
.f12x9 .ima {aspect-ratio:4/3;}

.mediaBox .ima img {position:relative;width:100%;height:100%;object-fit:cover;}


/*CAJON DE PUBLICACIONES*/
.publiBox .f12x9 .ima {width:45%;margin:0 auto;}
.publiBox .ima img {filter:saturate(0.25);}
.publiBox header {text-align:center;}
.publiBox .cell:hover .ima img {filter:saturate(0.75);}
.container.gridLayout.simply.publiBox .gridBox {display: flex;flex-flow: row;justify-content: center;gap: 5%;}
.publiBox .mediaBox.f9x9 {width: 40%;margin: 0 auto;}
/* .container.gridLayout.simply.publiBox article.cell {width: 25%;} */
.container.gridLayout.simply.publiBox .mediaBox ~ .txtBox{padding-top: 0;}

/*hovers generales sobre titulares*/
.gridLayout .cell:has(.mainBox > a):hover header .maintitle {border-bottom:0.1rem solid #494847;color:#222;}
/*hovers generales sobre imagenes*/
.gridLayout:not(.publiBox) .cell:has(.mainBox > a) .ima img {transition:transform,0.6s;transform:scale(1);}
.gridLayout:not(.publiBox) .cell:has(.mainBox > a):hover .ima img {transform:scale(1.075);}

/* version enlaces */
.container.shortBox.publiBox ul li a:hover {color:inherit;border-color: #494847;}
.container.shortBox.publiBox ul li a:hover:before {transform:none;filter: saturate(0.75);}

/*texto en rojo*/
.accordion-item .accordion-content .redText{
  color: rgb(243, 6, 6);
 }