@charset 'UTF-8';
@import url('rtve.play.infantil.basics.css');

body.rtve-infantil main {/*padding-top:calc(8.4rem - 1.2rem);*//*aumento de cabecera*/padding-top:8.4rem;}

body.rtve-infantil.locked .navBox .container,
body.rtve-infantil.scrolled .navBox .container {max-width:100vw;padding:0 4.8rem 0 3.4rem;}

body.tve.rtve-infantil,
body.tve.rtve-infantil .navBox {background:linear-gradient(90deg,#4c0c6c 34%,#be00be calc(100% - 4.8rem));}
body.tve.rtve-infantil:has(.mainElem .video_mod.live) {background:#4c0c6c;}


body.tve.rtve-infantil .elem_xH .mod .content {background:linear-gradient(90deg,#4c0c6c 50%,transparent);}
body.tve.rtve-infantil .elem_xH .mod .ima {grid-column:2/9;border-radius:0 4rem 4rem 0;}
body.tve.rtve-infantil .elem_xH .video_mod .trailerContent:before,
body.tve.rtve-infantil .elem_xH.active .trailerContent video {border-radius:4rem;}

/*carruseles de concursos*/
body.rtve-infantil [data-content-type='concurso'] .elem_xH .mainBox {grid-template-columns:0.4fr 0.6fr;}
body.rtve-infantil [data-content-type='concurso'] .elem_xH .mod .ima {aspect-ratio:16/9;grid-column:2;}
body.rtve-infantil [data-content-type='concurso'] .elem_xH .content {grid-column:1;box-shadow:inset 2.4rem 0 3.6rem #00000030;border-radius:4rem 0 0 4rem;}
body.rtve-infantil [data-content-type='concurso'] .elem_xH .content,
body.rtve-infantil [data-content-type='concurso'] .elem_xH .txtBox strong {position:relative;padding:0;}
body.rtve-infantil [data-content-type='concurso'] .elem_xH .txtBox .maintitle {font:var(--NS-300_28);}
body.rtve-infantil [data-content-type='concurso'] .elem_xH .content {padding:2.4rem;text-align:right;}


body.rtve-infantil .mainElem .video_mod.live .auxBox .canal,
body.rtve-infantil.tve.chanels .mainElem .auxBox .canal {opacity:1;}

body.rtve-infantil.chanels.clan .mainElem .mainBox > .ima:after,
body.rtve-infantil.chanels.clan .mainElem .video_mod.live .content > .ima:after {background-image:radial-gradient(circle at 100% 59%,#4c0c6c00 50%,#4c0c6c57 60%,#be00beab 80%);}
body.rtve-infantil .mainElem .mainBox > .ima:before,
body.rtve-infantil .mainElem .video_mod.live .content .ima:before {background:linear-gradient(90deg,#4c0c6c,#4c0c6c00);width:75%;}




@media only screen and (orientation:landscape) {
	body.rtve-infantil .mainElem .cellBox {margin:0 4rem;width:calc(100% - 8rem);}
	body.rtve-infantil .mainElem .video_mod[class*='live'] .content .ima,
	body.rtve-infantil:not(.vjs-has-started) .mainElem .mainBox > .ima {height:calc(100% - 12rem - 8.4rem - 2.4rem);overflow:hidden;}
	body.rtve-infantil .mainElem .video_mod[class*='live'] .content .txtBox,
	body.rtve-infantil .mainElem .txtBox p:not(.legend) {background:transparent;}
}

/*flechas laterales*/
body.rtve-infantil .wariaType .controlBox .be_on {opacity:1;}
body.rtve-infantil .wariaType .controlBox span[role="button"] {width:5.2rem;}
body.rtve-infantil .wariaType .controlBox span[role="button"] img {opacity:0.5;}
body.rtve-infantil .wariaType .controlBox span[role="button"]:hover img {opacity:1;}
body.rtve-infantil .wariaType .controlBox .back_[role="button"]:before {background:#4c0c6c;}
body.rtve-infantil .wariaType .controlBox .next_[role="button"]:before {background:#be00be;}

/*etiquetas*/
body.rtve-infantil .tag.main strong {color:#fff;}
body.rtve-infantil .mainElem .tag.main,
body.rtve-infantil .monoBox[class*='elem_'] .tag.main {background:#be00be;border-color:var(--blanco_60);text-align:center;border-radius:0.6rem;}
body.rtve-infantil .monoBox[class*='elem_']  li:not(.active) .tag.main {transform:translateY(-1.2rem);}
body.rtve-infantil .monoBox[class*='elem_']  .active .tag.main {border-color:#fff;}

/*footer*/
body.rtve-infantil footer .portalsBox {width:100%;justify-content:space-everly;}

/*PF-video*//*PF-serie*/
.pfvideo.rtve-infantil .monoBox[class*='elem_'] .elem_nH.active .mainBox,
.pfserie.rtve-infantil .monoBox[class*='elem_'] .elem_nH.active .mainBox {background:transparent;box-shadow:none;}
.pfvideo.rtve-infantil:not(.vjs-has-started):not(.fail_mod) .ima.videoPlayer {height:calc(100% - 12rem - 2.4rem);overflow:hidden;border-radius:4rem;}
.pfvideo.rtve-infantil.vjs-has-started .videoPlayer.f16x9 video {background:transparent;}
.pfvideo.rtve-infantil.vjs-has-started .mainElem {max-width:100%;background:#000;}
.pfvideo.rtve-infantil.vjs-has-started .vjs-control-bar,
.pfvideo.rtve-infantil.vjs-has-started .custom-center-controlbar .theo-secondary-color .vjs-control-bar {max-width:calc(100vw - 9.6rem);left:4.8rem;}
.pfvideo.rtve-infantil.vjs-has-started .custom-center-controlbar.theo-secondary-color.vjs-control-bar {left:calc(0.4rem + 4.8rem);}
.pfvideo.rtve-infantil.vjs-has-started .mainElem .mainBox > .ima:before,.pfvideo.rtve-infantil.vjs-has-started .mainElem .video_mod.live .content .ima:before {display:none;}


/*distintos border-radius*//*modulos generales*/
.rtve-infantil .topBox .ima,
.rtve-infantil .monoBox.elem_00 [class*='elem_']:not(.active) .ima {border:0.2rem solid var(--blanco_60);border-radius:1.2rem;}
.rtve-infantil .monoBox.elem_00 .active .mainBox {background:#4c0c6c;box-shadow:0 0 2.4rem #4c0c6c99;border-radius:1.2rem;}
.rtve-infantil .monoBox.elem_00 .active .ima {border-radius:1rem 1rem 0 0;}
.rtve-infantil .topBox .active .ima,
.rtve-infantil .monoBox.elem_00 .active .mainBox {border-color:#fff;}
/*distintos border-radius*//*catalogos*/
.rtve-infantil .comp_nH[data-content-type] .ima {border:0.2rem solid var(--blanco_60);border-radius:1.2rem;}
.rtve-infantil .comp_nH[data-content-type] a:hover .ima {border-color:#fff;background-color:#fff;}
/*
body.rtve-infantil .mainElem .video_mod[class*='live'] .content .ima,
body.rtve-infantil:not(.vjs-has-started) .mainElem .mainBox > .ima {border:0.2rem solid #cbcac5;}
body.rtve-infantil .monoBox[class*='elem_'] li:not(.active):not([data-subtype="personaje"]) .mainBox .ima,
.pfvideo.rtve-infantil .monoBox.elem_00 .mainBox .ima,
.pfserie.rtve-infantil .monoBox.elem_00 .mainBox .ima {border:0.2rem solid var(--blanco_60);}


.rtve-infantil .monoBox.elem_00 .mainBox .ima {border-radius:1.2rem;}
.rtve-infantil .monoBox .elem_nV.active .mainBox .ima {border-radius:1rem 1rem 0 0;}
.rtve-infantil .elem_xH .mod .content {border-radius:4rem 0 0 4rem;}
.rtve-infantil .elem_xH .mod .ima {border-radius:4.2rem 4rem 4rem 4.2rem;}
.rtve-infantil [data-content-type='concurso'] .elem_xH .mod .ima {border-radius:0 4rem 4rem 0;}
.rtve-infantil .monoBox[class*='elem_'] li:not(.active):not([data-subtype="personaje"]) .mainBox .ima {}

border-radius:4rem;

*/

/*ajustes destacados aperturas*/
body.rtve-infantil.pfvideo .mainElem .videoBox {border:0 none;}
body.rtve-infantil .mainElem .video_mod[class*='live'] .content .ima,body.rtve-infantil:not(.vjs-has-started) .mainElem .mainBox > .ima {border:0 none;border-radius:4rem;}
body.rtve-infantil .mainElem .video_mod[class*='live'] .content {position:absolute;top:calc(50% - 4.8rem);}
body.rtve-infantil .mainElem .video_mod[class*='live'] .maintag {position:relative;left:9.6rem;transform:translateY(-4.8rem);border-width:0.2rem;background-color:#4c0c6c;}
body.rtve-infantil .mainElem .video_mod[class*='live'] .content .txtBox {padding-left:9.6rem;}
body.rtve-infantil .mainElem .video_mod[class*='live'] a.butt.goto {position:absolute;width:100%;height:auto;bottom:0;opacity:1;left:0;aspect-ratio:16/9;top:0;}
body.rtve-infantil .mainElem .video_mod[class*='live'] a.butt.goto:hover .progressBar {background:#fff;}
body.rtve-infantil .mainElem .video_mod[class*='live'] a.butt.goto:hover .progressBar:before {opacity:1;}

body.rtve-infantil.pfserie .mainElem .cellBox > .mod {position:relative;}
body.rtve-infantil.pfserie .mainElem .goto_media {width:100%;height:100%;position:absolute;bottom:0;}
body.rtve-infantil.pfserie .mainElem .icon-label.extra,body.rtve-infantil.pfserie .mainElem .goto_media .progressBar {top:0;margin-top:calc(56.25% + 2.4rem);}
body.rtve-infantil.pfserie .mainElem .goto_media .progressBar {display:flex;position:absolute;right:calc(3.6rem + 1.6rem);}
body.rtve-infantil.pfserie .mainElem .icon-label.extra {right:0;}