@charset 'UTF-8';
/*@import url('rtve.play.basics.core.css');*/
@import url('rtve.mod_live.basics.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&display=swap"');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet"');


/*ESTE FICHERO HA SIDO CAMBIADO A LAS 17:45*/



/** ANCHOS DE ELEMENTOS *************************/
/************************************************/
.container {width:90%;}
.container.striplayer,.navBox > .container {width:100%;}
	section[data-tipo*='slide'] {width:100%;overflow-x:hidden;}
	section[data-tipo*='slide'] .secBox {padding:0 5%;}
.hiveBox [class*="comp_"] li {float:left;}
.slideH .comp_nH {width:100%;}

@media only screen and (min-width:1920px) {
/*.grid_V .comp_nH .elem_nH {width:calc(100%/7);}
.grid_V .comp_nH .elem_nH:nth-of-type(7n+1) {clear:left;}
.slideH .elem8 {width:calc(800%/7);}
.slideH .elem9 {width:calc(900%/7);}
.slideH .elem10 {width:calc(1000%/7);}
.slideH .elem11 {width:calc(1100%/7);}
.slideH .elem12 {width:calc(1200%/7);}*/
  }
@media only screen and (min-width:1660px) {
.grid_V .comp_nH .elem_nH {width:calc(100%/6);}
.grid_V .comp_nH .elem_nH:nth-of-type(6n+1) {clear:left;}
.slideH .elem1 .elem_nH,.slideH .elem2 .elem_nH,.slideH .elem3 .elem_nH,
.slideH .elem4 .elem_nH,.slideH .elem5 .elem_nH,.slideH .elem6 .elem_nH {width:calc(100%/6);} 
.slideH .elem7 {width:calc(700%/6);}
.slideH .elem8 {width:calc(800%/6);}
.slideH .elem9 {width:calc(900%/6);}
.slideH .elem10 {width:calc(1000%/6);}
.slideH .elem11 {width:calc(1100%/6);}
.slideH .elem12 {width:calc(1200%/6);}
.slideH .elem13 {width:calc(1300%/6);}
.slideH .elem14 {width:calc(1400%/6);}
.slideH .elem15 {width:calc(1500%/6);}
.slideH .elem16 {width:calc(1600%/6);}
.slideH .elem17 {width:calc(1700%/6);}
.slideH .elem18 {width:calc(1800%/6);}
.slideH .elem19 {width:calc(1900%/6);}
.slideH .elem20 {width:calc(2000%/6);}
}
@media only screen and (min-width:1440px) and (max-width:1659px)  { 
.grid_V .comp_nH .elem_nH {width:calc(100%/5);}
.grid_V .comp_nH .elem_nH:nth-of-type(5n+1) {clear:left;}
.slideH .elem1 .elem_nH,.slideH .elem2 .elem_nH,.slideH .elem3 .elem_nH,
.slideH .elem4 .elem_nH,.slideH .elem5 .elem_nH {width:calc(100%/5);}
.slideH .elem6 .elem_nH {width:calc(100%/6);} 
.slideH .elem6 {width:calc(600%/6 + 20%);}
.slideH .elem7 {width:calc(700%/5);}
.slideH .elem8 {width:calc(800%/5);}
.slideH .elem9 {width:calc(900%/5);}
.slideH .elem10 {width:calc(1000%/5);}
.slideH .elem11 {width:calc(1100%/5);}
.slideH .elem12 {width:calc(1200%/5);}
.slideH .elem13 {width:calc(1300%/5);}
.slideH .elem14 {width:calc(1400%/5);}
.slideH .elem15 {width:calc(1500%/5);}
.slideH .elem16 {width:calc(1600%/5);}
.slideH .elem17 {width:calc(1700%/5);}
.slideH .elem18 {width:calc(1800%/5);}
.slideH .elem19 {width:calc(1900%/5);}
.slideH .elem20 {width:calc(2000%/5);}
  }
@media only screen and (min-width:1200px) and (max-width:1439px) {
/*.hiveBox .comp_nH .elem_nH {width:calc(100%/5);}
.grid_V .comp_nH .elem_nH:nth-of-type(5n+1) {clear:left;}*/
  }
@media only screen and (min-width:1024px) and (max-width:1439px) {
.grid_V .comp_nH .elem_nH {width:calc(100%/4);}
.grid_V .comp_nH .elem_nH:nth-of-type(4n+1) {clear:left;}
.slideH .elem1 .elem_nH,.slideH .elem2 .elem_nH,.slideH .elem3 .elem_nH,.slideH .elem4 .elem_nH {width:calc(100%/4);} 
.slideH .elem5 {width:calc(500%/4);}
.slideH .elem6 {width:calc(600%/4);}
.slideH .elem7 {width:calc(700%/4);}
.slideH .elem8 {width:calc(800%/4);}
.slideH .elem9 {width:calc(900%/4);}
.slideH .elem10 {width:calc(1000%/4);}
.slideH .elem11 {width:calc(1100%/4);}
.slideH .elem12 {width:calc(1200%/4);}
.slideH .elem13 {width:calc(1300%/4);}
.slideH .elem14 {width:calc(1400%/4);}
.slideH .elem15 {width:calc(1500%/4);}
.slideH .elem16 {width:calc(1600%/4);}
.slideH .elem17 {width:calc(1700%/4);}
.slideH .elem18 {width:calc(1800%/4);}
.slideH .elem19 {width:calc(1900%/4);}
.slideH .elem20 {width:calc(2000%/4);}
  }
@media only screen and (min-width:768px) and (max-width:1023px) {
.grid_V .comp_nH .elem_nH {width:calc(100%/3);}
.grid_V .comp_nH .elem_nH:nth-of-type(3n+1) {clear:left;}
.slideH .elem1 .elem_nH,.slideH .elem2 .elem_nH,.slideH .elem3 .elem_nH {width:calc(100%/3);}
.slideH .elem4 {width:calc(400%/3);}
.slideH .elem5 {width:calc(500%/3);}
.slideH .elem6 {width:calc(600%/3);}
.slideH .elem7 {width:calc(700%/3);}
.slideH .elem8 {width:calc(800%/3);}
.slideH .elem9 {width:calc(900%/3);}
.slideH .elem10 {width:calc(1000%/3);}
.slideH .elem11 {width:calc(1100%/3);}
.slideH .elem12 {width:calc(1200%/3);}
.slideH .elem13 {width:calc(1300%/3);}
.slideH .elem14 {width:calc(1400%/3);}
.slideH .elem15 {width:calc(1500%/3);}
.slideH .elem16 {width:calc(1600%/3);}
.slideH .elem17 {width:calc(1700%/3);}
.slideH .elem18 {width:calc(1800%/3);}
.slideH .elem19 {width:calc(1900%/3);}
.slideH .elem20 {width:calc(2000%/3);}
  }
@media only screen and (min-width:480px) and (max-width:767px) {
.grid_V .comp_nH .elem_nH {width:calc(100%/2);}
.grid_V .comp_nH .elem_nH:nth-of-type(2n+1) {clear:left;}
.slideH .elem1 .elem_nH,.slideH .elem2 .elem_nH {width:calc(100%/2);}
.slideH .elem3 {width:calc(300%/2);}
.slideH .elem4 {width:calc(400%/2);}
.slideH .elem5 {width:calc(500%/2);}
.slideH .elem6 {width:calc(600%/2);}
.slideH .elem7 {width:calc(700%/2);}
.slideH .elem8 {width:calc(800%/2);}
.slideH .elem9 {width:calc(900%/2);}
.slideH .elem10 {width:calc(1000%/2);}
.slideH .elem11 {width:calc(1100%/2);}
.slideH .elem12 {width:calc(1200%/2);}
.slideH .elem13 {width:calc(1300%/2);}
.slideH .elem14 {width:calc(1400%/2);}
.slideH .elem15 {width:calc(1500%/2);}
.slideH .elem16 {width:calc(1600%/2);}
.slideH .elem17 {width:calc(1700%/2);}
.slideH .elem18 {width:calc(1800%/2);}
.slideH .elem19 {width:calc(1900%/2);}
.slideH .elem20 {width:calc(2000%/2);}
  }  
  

/*
1920 px 
1440 px
1024 px
768 px
480 px


320px — 480px: Mobile devices.
481px — 768px: iPads, Tablets.
769px — 1024px: Small screens, laptops.
1025px — 1200px: Desktops, large screens.
1201px and more — Extra large screens, TV.


*/
.navBox .container > * {position:relative;}
.navBox .blindBox {position:fixed;}

.navBox .blindBox {left:0;top:0;}
.navBox .container > * {z-index:2;}
.navBox .container > .blindBox {z-index:1;}




/** TEXTOS **************************************/
/************************************************/
.mainTabs a strong {font-size:1.6rem;line-height:2.4rem;font-weight:400;text-transform:uppercase;letter-spacing:1pt;}
.directo .secBox {font-size:2rem;line-height:2.6rem;font-weight:700;letter-spacing:0.5pt;}


/** TITULOS DE SECCIONES ************************/
/************************************************/
.directo .secBox {display:inline-block;width:100%;}
.directo .secBox span {padding:0 0.8rem;}
.directo [data-tipo*="mod_collection"] .secBox {padding:2.4rem 5% 0.8rem 5%;}
.directo .striplayer[data-tipo*="mod_collection"] .secBox {padding:2.4rem 5% 0.8rem 5%;}

/** BOTONES REPRODUCIR **************************/
/************************************************/
.video_mod.live .gback a {display:inline-block;line-height:2.4rem;padding:0.2rem 0.8rem;border-radius:0.4rem;}


/** SLIDES **************************************/
/************************************************/
.slideBox.wariaType,.hiveBox.slideH {position:relative;}
.slideBox.wariaType {width:100%;display:inline-block;overflow-x:hidden;}
.hiveBox.slideH {left:5%;width:90%;}
.slideH > ul {width:100%;padding:0.8rem 0;} 
.hiveBox + .controlBox {display:block;height:0;width:100%;}

.controlBox > span[role='button'] img {opacity:0.25;}
	.controlBox .be_on:hover img {opacity:1;}
	.controlBox .be_on:hover {cursor:pointer;}
.controlBox > span[role='button'] {position:absolute;top:0;width:5%;height:100%;display:inline-flex;outline:0 none;}
.controlBox > span[role='button'] img {width:4rem;margin:0 auto;}
	.controlBox .back_ {left:0;
		background:-moz-linear-gradient(left,rgba(18,16,16,1) 0%,rgba(18,16,16,0) 100%);
		background:-webkit-linear-gradient(left,rgba(18,16,16,1) 0%,rgba(18,16,16,0) 100%);
		background:linear-gradient(to right,rgba(18,16,16,1) 0%,rgba(18,16,16,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121010', endColorstr='#00121010',GradientType=1 );
		}
	.controlBox .next_ {right:0;
		background:-moz-linear-gradient(left,rgba(18,16,16,0) 0%, rgba(18,16,16,1) 100%);
		background:-webkit-linear-gradient(left,rgba(18,16,16,0) 0%,rgba(18,16,16,1) 100%);
		background:linear-gradient(to right,rgba(18,16,16,0) 0%,rgba(18,16,16,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00121010', endColorstr='#121010',GradientType=1 );
		}
	.controlBox > span[role='button'].beoff {opacity:0;}

/** ICONOS CON ETIQUETA *************************/
/************************************************/
.tooltip strong {position:absolute;white-space:nowrap;bottom:-2rem;opacity:0;}
.tooltip .rtve-icons:hover + strong {opacity:1;}
		
/** ARTIFICIOS **********************************/
/************************************************/
.cellBox {z-index:0;position:relative;}

.nowLive,.video_mod.live .gback {z-index:2;}
.nexLive {z-index:1;}

.collSet .live:not(.infoBox) .nexLive,.iplay_video .rtve-icons,.collSet .video_mod.live .gback {opacity:0;}
.video_mod.live .gback a {background:rgba(0,0,0,0);}
.collSet .video_mod.live:not(.infoBox) {border:0.2rem solid transparent;}
.video_mod.live,.video_mod.live .ima {border-radius:0;}
.video_mod.live,
.iplay_video .rtve-icons,.video_mod.live .auxBox .canal {transition:all 0.85s ease-in-out;}
.slideH > ul {position:relative;left:0;transition:left 1.25s ease-in-out;}
.video_mod.live .gback a {transition:background 0.4s ease-in-out;}
.dir_socials [class*='rrss'] .rtve-icons:before {transition:width 0.4s,height 0.4s,border 0.4s;}
/*.navBox,.navBox * {transition:all 0.3s ease-in-out;}*/

li:not(.activeLive) .dir_socials:hover [class*='rrss'] .rtve-icons:before {width:4.4rem;height:4.4rem;border:0.1rem solid rgba(255,255,255,1);background-color:rgba(0,0,0,0.25);}
	li:not(.activeLive) .dir_socials:hover .rrss_facebook .rtve-icons:before  {background-color:rgba(50,82,160,0.67);}
	li:not(.activeLive) .dir_socials:hover .rrss_twitter .rtve-icons:before   {background-color:rgba(30,160,242,0.67);}
	li:not(.activeLive) .dir_socials:hover .rrss_instagram .rtve-icons:before {background-color:rgba(216,36,116,0.67);background-color:rgba(150,36,194,0.67);}
	li:not(.activeLive) .dir_socials:hover .rrss_periscope .rtve-icons:before {background-color:rgba(64,164,196,0.67);}
	li:not(.activeLive) .dir_socials:hover .rrss_snappytv .rtve-icons:before  {background-color:rgba(30,160,242,0.67);}
	li:not(.activeLive) .dir_socials:hover .rrss_youtube .rtve-icons:before   {background-color:rgba(254,0,0,0.67);}

li:not(.activeLive) .video_mod.live:hover {transform:scale(1.1);z-index:1;box-shadow:0 0 2.4rem rgba(0,0,0,0.67);border-color:#b5b5b5;border-radius:0.4rem;}
li:not(.activeLive) .video_mod.live:hover .ima {border-radius:0.3rem;}


li:not(.activeLive) .video_mod.live:hover .nexLive,li:not(.activeLive) .video_mod.live:hover .gback,li:not(.activeLive) .video_mod.live:hover .iplay_video .rtve-icons {opacity:1;}
li:not(.activeLive) .video_mod.live:hover .auxBox .canal {left:1.2rem;margin-left:0;}

li:not(.activeLive) .video_mod.live .gback a:hover,
.mainElem .video_mod.live .gback a:hover {background:#fc0;color:#000;border-color:#fc0;}
li:not(.activeLive) .video_mod.live .gback a:hover .rtve-icons,
.mainElem .video_mod.live .gback a:hover .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_start_000000.svg');}

li:not(.activeLive) .video_mod.live:hover .progressBar span {background: #a30950;
	background: -moz-linear-gradient(-30deg, #a30950 0%, #ff4200 100%);
	background: -webkit-linear-gradient(-30deg, #a30950 0%, #ff4200 100%);
	background: linear-gradient(125deg, #a30950 0%, #ff4200 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a30950', endColorstr='#ff4200',GradientType=1 );
	}
	
.collSet .video_mod.dir_brocast:hover .nowLive,
.collSet .video_mod.dir_repeats:hover .nowLive {bottom:0.8rem;}

.collSet .dir_brocast:hover .nowLive,.collSet [class*='live']:not(.next_live):hover .nowLive .maintitle {justify-content:flex-end;}

.monoBox .next_live .mainBox {position:static;}
.monoBox .next_live .mainBox .ima,.futureLive {border-radius:0.4rem;}
.monoBox .next_live .mainBox .ima {left:0;top:0;transform:none;position:relative;}


.collSet .dir_repeats:not(.next_live):hover .maintag,.collSet .dir_regular:not(.next_live):hover .maintag {display:none;}
.collSet .dir_repeats:hover .pretitle,.collSet .dir_regular:not(.next_live):hover .pretitle {top:0;bottom:auto;padding-top:0.8rem;
	background:linear-gradient(to bottom,rgba(0,0,0,0.85),rgba(0,0,0,0));}
.collSet .dir_repeats:hover .maintitle,.collSet .dir_regular:not(.next_live):hover .maintitle {z-index:2;bottom:0.2rem;opacity:0.75;}
.collSet .live:hover p {opacity:1;}

.collSet .live .ima:before {z-index:1;display:inline-block;content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(to top,rgba(0,0,0,0.85),rgba(0,0,0,0) 67%);opacity:0;}
.collSet .live:hover .ima:before {opacity:1;}

/*enseñar enlace proximos directos*/
.next_live .butt > a {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}


/** NUEVOS CANALES FAST *************************/
/************************************************/
/*provisionalmente tiene iconos mas grandes que el resto*/
li:not(.activeLive) .video_mod.dir_brocast[class*='fast-']:not(.next_live):hover .auxBox .canal {left:22.5%;
	width:45%;height:calc((56.25*45/100)*1%);padding-top:calc((56.25*45/100)*1%);}