@charset 'UTF-8';
@import url('https://css2.rtve.es/css/rtveplay.2021/rtve.mod_header.desktp.css');
@import url('https://css2.rtve.es/css/rtveplay.2021/rtve.mod_footer.desktp.css');
@import url('https://css2.rtve.es/css/rtveplay.2021/rtve.play.basics.desktp.css');
@import url('https://css2.rtve.es/css/rtveplay.2021/rtve.play.grids.desktp.css');
@import url('https://css2.rtve.es/css/rtveplay.2021/rtve.play.dests.desktp.css');

@import url('https://css2.rtve.es/css/rtve.2022.internacional/layout/container.desktp.css');
@import url('https://css2.rtve.es/css/rtve.2022.internacional/components/selector.desktp.css');
@import url('https://css2.rtve.es/css/rtve.2022.internacional/modules/nav.desktp.css');


/** SECCIONES ************************************/
/************************************************/
/* collection */
.collSet .slideH {overflow: hidden;} 
/* texto apertura */
.mainElem .mod .content .maintitle {color: #fff;}   

/** FIN SECCIONES ************************************/
/************************************************/

.elem_nV .i_covr, .elem_nV .i_prvw, .elem_xV .i_covr, .elem_xV .i_prvw {z-index: 1;}
.elem_nV .i_post {z-index: 0;}
.elem_nV.active .i_covr, .elem_nV.active .i_prvw, .elem_xV.active .i_covr, .elem_xV.active .i_prvw {opacity: 1;}
.elem_nV .i_covr, .elem_nV .i_prvw, .elem_xV .i_covr, .elem_xV .i_prvw {opacity: 0;}

/***** ARREGLOS ******/
.internacional.pais .secBox strong {color: #1B85E0; font-size: 2.2rem;line-height: 2.6rem;font-family: 'Roboto', sans-serif;font-weight: 500;}
.internacional.pais .auxBox ._info {min-width: 0; border:none;}
.internacional.pais .mainElem .auxBox ._info {padding: 0;border: 0.2rem solid #fff;}
.internacional.pais .icon.trait .rtve-icons, .internacional.pais .mainElem .auxBox ._info .rtve-icons {opacity: 0.67;}
.internacional.pais .icon.trait.HD .rtve-icons:before {display: none;}
.internacional.pais .icon.trait {width: auto; height: auto; border: none;}

.internacional.tve.pais .navBox {background: rgba(18, 16, 16, 0.65);background: -moz-linear-gradient(top, rgba(18, 16, 16, 1) 0%, rgba(18, 16, 16, 0) 100%);background: -webkit-linear-gradient(top, rgba(18, 16, 16, 1) 0%, rgba(18, 16, 16, 0) 100%);background: linear-gradient(to bottom, rgba(18, 16, 16, 1) 0%, rgba(18, 16, 16, 0) 100%);padding: 2.4rem 0;}
.internacional.tve.pais.scrolled .navBox {background: rgba(0, 0, 0, 0.85);}
.internacional.pais .navBox .container {max-width: 100%;padding: 0 4.8rem;}
.internacional.pais .navBox .container div[role="banner"] {left: 9.6rem;}
.internacional.pais.scrolled .navBox .services ul {padding-right: 0;}

.internacional.pais .navBox .container > .blind {padding-left: 0;width: auto; height: auto;display:block; }
.internacional.pais .navBox .menu-cross {width: 4rem;height: 4rem;border-width: 0.9rem;}
.internacional.pais .navBox .onside {padding: 0.8rem;}

.internacional.pais .monoBox:not(.comp_xH):not(.comp_nC) .mod:not(.sched) .goto_media .rtve-icons {display: none;}
.internacional.pais.logado.open_users .navBox .container.selector {z-index: 0;}
.internacional.pais .container .secBox strong span.location {margin-left: 1rem;}

/** Ocultamos Selector de paises en pagina Como vernos **/
.internacional:not(.portada):not(.pais) .container.selector {display: none;}

/****** GRID VIDEOS PLAY ******/
.internacional.pais #primeTimeItems .elem_nH .cellBox, #primeTimeItems .elem_xH .cellBox {position:relative;}
.internacional.pais #primeTimeItems.monoBox .cellBox,.monoBox .mod,.monoBox .mainBox,.monoBox .content {width:100%;height:100%;}
.internacional.pais .hiveBox #primeTimeItems.comp_nH .elem_nH .mod:not(.live) .mainBox {display:flex;flex-direction:column;}
.internacional.pais #primeTimeItems.monoBox .elem_nH .ima {order:1;}
.internacional.pais #primeTimeItems.monoBox .elem_nH .content {order:2;}
.internacional.pais #primeTimeItems.monoBox .content,.monoBox .goto_media {z-index:1;}
.internacional.pais #primeTimeItems.monoBox .content {display:flex;flex-direction:column;position: relative;transform: translate(0);top:auto;left: auto;}
.internacional.pais #primeTimeItems.monoBox .txtBox {font-size:1.5rem;line-height:2.1rem;color:#fff;width:100%;}
.internacional.pais #primeTimeItems.monoBox .txtBox,#primeTimeItems.monoBox .txtBox strong {display:flex;flex-direction:column;}
.internacional.pais #primeTimeItems.monoBox .txtBox {justify-content:flex-start;}
.internacional.pais #primeTimeItems.monoBox .txtBox > * {order:2;padding:0.2rem 0;}
.internacional.pais .collSet #primeTimeItems .elem_nH .mod:not(.next_live) .txtBox .pretitle {font-size:1.3rem;line-height:2.1rem;letter-spacing:1pt;text-transform:uppercase;font-weight:500;}    
.internacional.pais .collSet #primeTimeItems .elem_nH .mod:not(.next_live) .txtBox p:not(.legend) {height:0;opacity:0;padding:0;}
.internacional.pais .collSet #primeTimeItems .elem_nH .mod p,.internacional.pais .collSet #primeTimeItems .elem_nH .pubBox {overflow:hidden;height:2.4rem;opacity:1;} 
.internacional.pais #primeTimeItems.monoBox.elem_00 .txtBox .maintitle {font:var(--NS-300_24);}
.internacional.pais #primeTimeItems.monoBox .elem_nH:not(.active) .mod:not(.live):not(.next_live) .auxBox {display:none;}
.internacional.pais #primeTimeItems.monoBox.elem_00 .elem_nH .ima {position:relative;padding-top:calc(100% * 9/16);left:auto;top:auto;transform:none;height:auto;}
.internacional.pais #primeTimeItems.monoBox .ima img:not(.i_logo) {height:100%;object-fit:cover;object-position:center center;background-color:#3f4f4f;}
.internacional.pais #primeTimeItems.monoBox .elem_nH .ima .i_logo {display:none;}
.internacional.pais #primeTimeItems .trailerContent {z-index:-1;}
.internacional.pais #primeTimeItems .trailerContent,.video_mod .trailerContent video {position:absolute;left:0;top:0;height:100%;width:100%;}
.internacional.pais #primeTimeItems .video_mod .trailerContent video {background:#000;}
.internacional.pais #primeTimeItems .elem_nH .mainBox {padding-top:0;}
.internacional.pais #primeTimeItems.monoBox .elem_nH .txtBox {padding: 0;}
.internacional.pais #primeTimeItems.monoBox .elem_nH .txtBox p:nth-of-type(n+3) {display:none;}
.internacional.pais .container #primeTimeItems .txtBox .maintitle {text-transform: unset;}
.internacional.pais .grid_Box .grid_V #primeTimeItems.comp_nH .elem_nH {margin: 0;min-width: auto;}

/* estado activo */
.internacional.pais .container:not(.seasonBox) #primeTimeItems.monoBox .elem_nH.active .mod:not(.live):not(.next_live) .mainBox {/* width:calc(100% + (1.8rem * 2)); */padding-bottom:2.4rem;}
#primeTimeItems.monoBox.elem_00 li.active .content {padding:0 1.6rem 1.6rem 1.6rem;}
.internacional.pais .collSet #primeTimeItems.monoBox .active:not(.relColl) .mainBox > *:not(.trailerControls) {transition: none;}
.internacional.pais .collSet #primeTimeItems .elem_nH.active .mainBox > *:not(.trailerControls) {width: auto;height: auto;}
.internacional.pais .collSet #primeTimeItems .elem_nH.active .legend {height:0;opacity:0;}
.internacional.pais .collSet #primeTimeItems .elem_nH p,.collSet .elem_nH .pubBox {transition:none;}
.internacional.pais .collSet #primeTimeItems .elem_nH p {display: -webkit-box;max-width: 100%;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow: hidden;}
.internacional.pais .collSet #primeTimeItems .elem_nH.active .txtBox > strong {position:absolute;top:0.8rem;left:1.6rem;}
.internacional.pais .collSet #primeTimeItems .elem_nH.active .trailerControls {margin-right:-10%;}
.internacional.pais .collSet #primeTimeItems .elem_nH.active .icon-label.extra {margin-right:calc(-10% + 1.3rem);margin-right: 2rem;}
.internacional.pais .collSet #primeTimeItems .elem_nH.active .goto_media .progressBar {bottom:-2.6rem;}
.internacional.pais .collSet #primeTimeItems .elem_nH.active .goto_media .progressBar {transition:bottom 0.3s 0.5s}
.internacional.pais #primeTimeItems.monoBox.elem_00 .mod .auxBox {padding-left:12.8rem;min-height:calc(3.6rem + (1.6rem * 2));}
.internacional.pais #primeTimeItems.monoBox .auxBox {display:flex;padding:1.6rem 0;align-items:center;width: 100%;/* height: auto; */}
.internacional.pais #primeTimeItems.monoBox.elem_00 .active .txtBox{order: 3;flex: 1;}
.internacional.pais #primeTimeItems.monoBox .auxBox {position: relative;left:0;top:0;}
.internacional.pais .collSet #primeTimeItems.monoBox .icon-label.extra {transition: none;}
.internacional.pais #primeTimeItems.monoBox.elem_00 .active .mainBox {background:#000;box-shadow:0 0 12rem #000;border:0.2rem solid #cbcac5ab;}
.internacional.pais #primeTimeItems.monoBox .active .mainBox {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.internacional.pais #primeTimeItems.monoBox .toolBox.be_on {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;justify-content:center;align-items:center;}
.internacional.pais .collSet #primeTimeItems.monoBox:not(.comp_xH) .active .mod:not(.next_live) .txtBox p:not(.legend) {height:auto;opacity:1;}
.internacional.pais .collSet #primeTimeItems .elem_nH.active .capBox {display: none;}
.internacional.pais #primeTimeItems.monoBox .elem_nH .toolBox.be_on {width: calc(90% + (1.8rem * 2));height: 180%;}
.internacional.pais #primeTimeItems.monoBox.elem_00 .active .content {order:2;} 
.internacional.pais #primeTimeItems.monoBox.elem_00 .active .txtBox {order:3;flex:1;/*justify-content:space-between;*/}
.internacional.pais #primeTimeItems.monoBox.elem_00 .active .auxBox {order:2;}
.internacional.pais #primeTimeItems.monoBox.elem_00 .active .ima {order:1;}

/*boton otras opciones*/
.internacional.pais #primeTimeItems .icon-label.extra {position:absolute;z-index:2;}
.internacional.pais #primeTimeItems.monoBox .icon-label.extra.active {z-index:3;}
.internacional.pais #primeTimeItems .icon-label.extra .rtve-icons {width:100%;height:100%;background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_options.svg');}
.internacional.pais #primeTimeItems .icon-label.extra.active .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_close_circulo_FFFFFF.svg');}
.internacional.pais #primeTimeItems .icon-label.extra.active strong {display:none;}

/*distractor*/
.internacional.pais #primeTimeItems .icon-label.extra.loading-options .rtve-icons {cursor:default;background-image:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_options_animate.png');}
.internacional.pais #primeTimeItems .tooltip.loading-options .rtve-icons:hover + strong {opacity:0;}

@media only screen and (min-width:1280px){
  .internacional.pais .hiveBox.slideH #primeTimeItems.comp_nH.elem_00 {width:calc(100% * 60/3);}
  .internacional.pais #primeTimeItems.monoBox .elem_nH.active .mainBox {height:160%;}
  .internacional.pais #primeTimeItems.monoBox .elem_nH .goto_media {top:-40%;}
  .internacional.pais .collSet #primeTimeItems .elem_nH.active .icon-label.extra {top:36.5%;/*top: calc(100%* 9 / 16 - 7rem);*/}
  .internacional.pais #primeTimeItems.monoBox .elem_nH .toolBox.be_on {height:160%;}
  .internacional.pais .grid_Box .grid_V #primeTimeItems.comp_nH .elem_nH {min-height: 30rem;}
}
@media only screen and (min-width: 1920px) {
  .internacional.pais #primeTimeItems.monoBox .elem_nH .cellBox {aspect-ratio: 1;}
  .internacional.pais #primeTimeItems.monoBox .elem_nH.active .mainBox {height:140%;}
  .internacional.pais .collSet #primeTimeItems .elem_nH.active .icon-label.extra {top: 38.5%;}
  .internacional.pais #primeTimeItems.monoBox .elem_nH .toolBox.be_on {height:140%;}
}


/** AJUSTES CAJONES PLAY **/

.monoBox[class*='elem_'] .elem_nV .mainBox > .butt[aria-label*='Ver v'], .monoBox[class*='elem_'] .elem_nV .serie_mod .butt[aria-label*='Ir a'], .monoBox[class*='elem_'] .elem_xV .serie_mod .butt[aria-label*='Ir a'], .monoBox[class*='elem_'] .elem_xV .video_mod .butt.goto {width: 100%;height: calc(100% + 3.2rem);z-index: 1;}
.monoBox[class*='elem_'] .elem_nV.active .mainBox > .butt[aria-label*='Ver v'], .monoBox[class*='elem_'] .elem_nV.active .serie_mod .butt[aria-label*='Ir a'], .monoBox[class*='elem_'] .elem_xV.active .serie_mod .butt[aria-label*='Ir a'], .monoBox[class*='elem_'] .elem_xV.active .video_mod .butt.goto {width: 260%;}

.monoBox[class*='elem_'] .elem_nV .mainBox > .butt, .monoBox[class*='elem_'] .elem_xV .mainBox > .butt {background: transparent;border: 0;border-radius: 0;}
.monoBox[class*='elem_'] .elem_nV .mainBox > .butt, .monoBox[class*='elem_'] .elem_xV .mainBox > .butt, .monoBox[class*='elem_'] .elem_nV .mainBox > .butt[aria-label*='Ver v'] > span, .monoBox[class*='elem_'] .elem_nV .serie_mod .butt[aria-label*='Ir a'] > span, .monoBox[class*='elem_'] .elem_xV .serie_mod .butt[aria-label*='Ir a'] > span, .monoBox[class*='elem_'] .elem_xV .video_mod .butt.goto .play {position: absolute;top: 0;}
.butt {text-align: center;display: inline-flex;align-items: center;}
.monoBox[class*='elem_'] .elem_nV .video_mod:not([class*='live']) .mainBox > .butt:not([aria-label*='Ver v']), .monoBox[class*='elem_'] .elem_nV .video_mod[class*='live'] .mainBox > .butt > span, .monoBox[class*='elem_'] .elem_nV .mainBox > .butt[aria-label*='Ver v'] > span, .monoBox[class*='elem_'] .elem_nV .serie_mod .butt[aria-label*='Ir a'] > span, .monoBox[class*='elem_'] .elem_nV .serie_mod .mainBox > button {margin-top: calc(56.25% + 1.2rem);display: flex; height: 3.6rem;}

.monoBox[class*='elem_'] .elem_nV .mainBox > .butt, .monoBox[class*='elem_'] .elem_xV .mainBox > .butt, .monoBox[class*='elem_'] .elem_nV .mainBox > .butt[aria-label*='Ver v'] > span, .monoBox[class*='elem_'] .elem_nV .serie_mod .butt[aria-label*='Ir a'] > span, .monoBox[class*='elem_'] .elem_xV .serie_mod .butt[aria-label*='Ir a'] > span, .monoBox[class*='elem_'] .elem_xV .video_mod .butt.goto .play {position: absolute;top: 0;left: 0;transform: translateX(-33%);}

.monoBox[class*='elem_'] .elem_nV .serie_mod .butt[aria-label*='Ir a'] > span.label{display:none}

/* edad */
.collSet .slideH .tag.edad {float:right}
.collSet .slideH .tag.edad span {width: 3rem;height: 3rem;overflow:hidden;display: inline-block;border-radius: 0.4rem;text-align: center;vertical-align: middle;}
.collSet .slideH .tag.edad.mas00 span {background-color:gray;}
.collSet .slideH .tag.edad.mas01 span {background-color:#0b6;}
.collSet .slideH .tag.edad.mas07 span {background-color:#07f;}
.collSet .slideH .tag.edad.mas13 span,.collSet .slideH .tag.edad.mas12 span,.collSet .slideH .tag.edad.mas16 span {background-color:#b90;}
.collSet .slideH .tag.edad.mas18 span {background-color:#c43;}
.collSet .slideH .tag.edad .label > strong {line-height: 3rem;}
