/** FONTS BASICS ********************************/
/************************************************/
:root {
	--R-400_13: 400 1.3rem/2rem 'Roboto',sans-serif;
	--R-400_20: 400 2rem/2.4rem 'Roboto',sans-serif;
	--R-300_18: 300 1.8rem/2.4rem 'Roboto',sans-serif;
	--R-500_16: 500 1.6rem/2rem 'Roboto',sans-serif;
	--R-400_16: 400 1.6rem/2rem 'Roboto',sans-serif;
	--R-300_16: 300 1.6rem/2.4rem 'Roboto',sans-serif;
	--R-labels: 400 1.5rem/2.1rem 'Roboto',sans-serif;
	--R-300_14: 300 1.4rem/2.1rem 'Roboto',sans-serif;
	--R-700_14: 700 1.4rem/2rem 'Roboto',sans-serif; 
	--RS-300_40:300 4rem/4.6rem 'Roboto Slab',sans-serif;
	--NS-400_60:400 6rem/6.4rem 'Noto Serif','Roboto Slab',sans-serif;
	--NS-400_42:400 4.2rem/4.8rem 'Noto Serif','Roboto Slab',sans-serif;
	--NS-400_36:400 3.6rem/4.2rem 'Noto Serif','Roboto Slab',sans-serif;
	--NS-300_28:300 2.8rem/3.4rem 'Noto Serif','Roboto Slab',sans-serif;
	--NS-300_24:300 2.4rem/3rem 'Noto Serif','Roboto Slab',sans-serif;
	--NS-300_20:300 2rem/2.6rem 'Noto Serif','Roboto Slab',sans-serif;
	--NS-300_16:300 1.6rem/2rem 'Noto Serif','Roboto Slab',sans-serif;
	--RS-redad: 400 1.8rem/2 'Roboto Slab',sans-serif;
	--RS-temas: 400 2.4rem/1 'Roboto Slab',sans-serif;
	--RS-ladillo:100 3.6rem/4.2rem 'Roboto Slab',sans-serif;
	--RS-ladillo_mobile:100 2rem/2.6rem 'Roboto Slab',sans-serif; 
}
/** FONTS BASICS ********************************/
/** END *****************************************/

/** COLORES *************************************/
/************************************************/
:root {
	--G02: #cbcac5;
	--G02_67: #cbcac5ab;
	--G04: #434346;

	--blanco:#fff;
	--blanco_80:#ffffffcc;
	--blanco_60:#ffffff99;
	--blanco_50:#ffffff80;
	--blanco_30:#ffffff4d;
	--blanco_15:#ffffff26;	
	--negro:#000;
	--negro_60:#00000099;
	--negro_80:#000000cc;
	--gris_claro:#a7a7a7;
	--oscuro:#575757;
	--medio1:#898989;
	--fondo_oscuro:#111;
	--fondo_oscuro_50:#11111180;
	--fondo_oscuro_60:#11111199;
	--fondo_oscuro_80:#111111cc;
	--fondo_oscuro_90:#111111e6;
	--degradado_rojo:linear-gradient(90deg,#7c0018,#c4161c);
}

/** COLORES *************************************/
/** END *****************************************/

html::-webkit-scrollbar {display:none;}
html {-ms-overflow-style:none;scrollbar-width:none;}
.eurocopa2024 .oneDayDirecs {padding:0 0 0.2rem 0;}
.eurocopa2024 .oneDayDirecs > li .elem_nH {margin:0;}
.eurocopa2024 .navFilter {display:inline-flex;width:auto;text-align:right;padding:2.4rem 4.8rem 0 4rem;height:10.6rem;align-items:start;}
.eurocopa2024 nav ul {display:flex;justify-content:flex-end;align-items:center;}
.eurocopa2024 nav li {margin:0 0.2rem;padding:0.4rem 0 0.8rem 0;border:0.2rem solid transparent;border-radius:0.5rem;display:flex;flex-direction:column-reverse;text-align:center;}
.eurocopa2024 nav li:before {content:attr(datamonth);font-size:1.2rem;line-height:2rem;font-weight:500;width:100%;text-transform:uppercase;letter-spacing:0.75pt;z-index:-1;position:relative;margin-top:-2rem;color:#ffffff57;}
.eurocopa2024 nav li a {display:block;padding-bottom:2rem;position:relative;}
.eurocopa2024 nav li span {font-size: 1.6rem;line-height:2.4rem;font-weight:500;width:4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;}

/*estrellita espanya*/
.eurocopa2024 nav .spain a:after {content:'\2605';font-size:1.3rem;display:inline-block;position:absolute;bottom:0;left:50%;transform:translate(-50%,1.4rem);text-shadow:0.2rem 0.2rem 0.4rem #000;}
/*estructura de grid para no flotar*/
.eurocopa2024 .grid.size100 {display:grid;grid-template-rows:auto 12.6rem auto;grid-template-columns:1fr auto;}
.eurocopa2024[data-tipo="mod_libre"] .cellContent {display: grid;grid-template-rows: auto 10.6rem auto;grid-template-columns: 1fr auto;}
.eurocopa2024 .mainElem,.eurocopa2024 .oneDayDirecs  {grid-column:1/3;}
.eurocopa2024 .mainElem {grid-row:1;}
.eurocopa2024 .oneDayDirecs  {grid-row:3;}
.eurocopa2024 .secBox,.eurocopa2024 .navFilter {grid-row:2;}
.eurocopa2024 .secBox {grid-column:1;}
.eurocopa2024 nav {grid-column:2;}
/*colores nav*/
.eurocopa2024 nav li:nth-of-type(3n) {color:#ffc801;}
.eurocopa2024 nav li:nth-of-type(3n-1) {color:#00be50;}
.eurocopa2024 nav li:nth-of-type(3n-2) {color:#265cff;}
.eurocopa2024 nav li.spain,.eurocopa2024 nav li.spain:before {color:#f42d2d;}
.eurocopa2024 nav li:hover {border-color:#ffffff80;}
.eurocopa2024 nav li:hover,.eurocopa2024 nav li:hover:before {color:#ffffff80;}
.eurocopa2024 nav li.active {border-color:#ffffffab;}
.eurocopa2024 nav li.active,.eurocopa2024 nav li.active:before {color:#ffffffab;}
.eurocopa2024 nav .spain:hover a:after,.eurocopa2024 nav .spain.active a:after {color:#fff;}
/*pseudocabecera*/
.eurocopa2024 .secBox {position:relative;}
.eurocopa2024 .secBox strong:after,.eurocopa2024 .secBox:before {content:'';height:100%;display:inline-block;position:absolute;top:0;z-index:1;}
/*.eurocopa2024 .secBox strong:after {width:18rem;right:0;background:linear-gradient(-90deg,#000000,transparent);}*/
.eurocopa2024 .secBox strong:after {width:18rem;right:0;background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 1) 80%);}
.eurocopa2024 .secBox:before {width:36rem;background:linear-gradient(90deg,#000000 25%,transparent);left:0;}
.eurocopa2024 .secBox:after {content:'';width:100%;height:4rem;display:inline-block;background:url('https://css2.rtve.es/css/rtve.2024.deportes/eurocopa-TE_SEUCO24/i/Eurocopa2024_bkgPlay.png') repeat-x 0 50%;background-size:auto 6.8rem;position:absolute;left:0;top:50%;transform:translateY(-1.8rem);z-index:0;}
.eurocopa2024 .secBox strong {position:relative;z-index:1;color:transparent;background:url('https://css2.rtve.es/css/rtve.2024.deportes/eurocopa-TE_SEUCO24/i/Eurocopa2024_logo-solo_ffffff.svg') no-repeat 4.8rem 1.8rem;}
/*supercarrusel-horizontal*/
.eurocopa2024 .oneDayDirecs > li {/*padding:0 0 0 6.8rem;*/position:relative;left:4rem;width: calc(100% - 4rem);}
.eurocopa2024 .collSet > li > ul {/*width:100vw;*/width:100%;padding-right:300%;height:auto;overflow:hidden;overflow-x:auto;display:flex;/*margin:0 0 0 2.4rem;padding:0 4.8rem 0 0;*/scroll-behavior:smooth;}
.eurocopa2024 .collSet > li > ul {scrollbar-color:#ffffff33 transparent;scrollbar-width:thin;}
.eurocopa2024 .collSet .elem_nH {width:auto;min-width:calc((100vw - 4rem)/5);max-width:38rem;clear:none;}
.eurocopa2024 .collSet > li > ul > li {flex-wrap:nowrap;}




/*EXCLUSIVO PARA PLAY*/
.eurocopa2024play .secBox {position:relative;}
.eurocopa2024play .secBox strong:after,.eurocopa2024play .secBox:before {content:'';height:100%;display:inline-block;position:absolute;top:0;z-index:1;}
.eurocopa2024play .secBox strong:after {width:calc(100% - 36rem);right:0;background:linear-gradient(-90deg,#000000 12.5%,transparent);}
.eurocopa2024play .secBox:before {width:36rem;background:linear-gradient(90deg,#000000 25%,transparent);left:0;}
.eurocopa2024play .secBox:after {content:'';width:100%;height:2.8rem;display:inline-block;background:url('https://css2.rtve.es/css/rtve.2024.deportes/eurocopa-TE_SEUCO24/i/Eurocopa2024_bkgPlay.png') repeat-x 0 50%;background-size:auto 6.8rem;position:absolute;left:0;top:50%;transform:translateY(0.6rem);z-index:0;}
.eurocopa2024play .secBox strong {position:relative;z-index:1;color:transparent;background:url('https://css2.rtve.es/css/rtve.2024.deportes/eurocopa-TE_SEUCO24/i/Eurocopa2024_logo-solo_ffffff.svg') no-repeat 4.8rem 3.8rem;background-size:11.6rem auto;}


/** PORTADA **/
/*************/
.eurocopa2024 .collSet > .size100 > .secBox {display:none}

.bodier>.container.eurocopa2024.striplayer {padding: 0;background: #000;overflow: hidden;}
.bodier>.container.eurocopa2024.striplayer .grid {width: 100%;min-width: 100%;}
.bodier > .eurocopa2024.striplayer .gridBox {padding: 0;}


/** LADILLOS DE SECCION **/
.eurocopa2024 .secBox {padding: 0;}
.eurocopa2024 .secBox strong {padding:3.6rem 0 1.8rem 4.8rem;width: 100%;display: inline-flex;}
.eurocopa2024 .secBox strong {font:var(--RS-ladillo);line-height: 4.2rem;}
.eurocopa2024 .secBox strong a {display:inline-flex;align-items:flex-end;position:relative;}
.eurocopa2024 .mainElem + .secBox strong:empty {padding:0;}


.collSet[aria-labelledby^="eurocopa2024"] {width: 100%;}


/** CALENDARIO **/
.oneDayDirecs .cellBox .mod {position: relative;border: none;}
.oneDayDirecs .video_mod .content .ima{aspect-ratio:16/9;border:.2rem solid var(--G04);width:100%;display:block;position:relative;overflow:hidden;left:0;top:0;transform:none}
.oneDayDirecs .video_mod .ima{order:2;flex-shrink:0}
.oneDayDirecs .video_mod .content{display:flex;flex-direction:column;transform:none;position:static}

.elem_nH .mainBox{padding-top:0;border:none;width:100%;height:100%}
.eurocopa2024 .collSet > li > ul .elem_nH .mainBox{border:none}

.oneDayDirecs .cellBox{border:1.2rem solid transparent}
[data-form-type=lives-collection] .oneDayDirecs .elem_nH .cellBox{aspect-ratio:auto;position:relative}
.oneDayDirecs .icon.canal,.oneDayDirecs .icon.trait{display:none}

.oneDayDirecs .elem_nH .txtBox{padding:0;position:static;order:4;font-size:1.5rem;line-height:2.1rem;color:#fff;width:100%;justify-content:flex-start;}
.oneDayDirecs .video_mod.live .txtBox {margin-top: 4rem;}
.oneDayDirecs .video_mod .futureLive,.oneDayDirecs.collSet .txtBox,.oneDayDirecs .txtBox>strong{display:flex;flex-direction:column}
.oneDayDirecs .video_mod .nowLive .maintitle{font:var(--NS-300_20)}
.oneDayDirecs .video_mod.ondemand .txtBox,.oneDayDirecs .video_mod.next_live .txtBox {padding-top:0.8rem}

.oneDayDirecs .txtBox .nexLive>*{font:var(--R-400_16);line-height:2.4rem}
.oneDayDirecs .txtBox .nexLive>.maintitle{letter-spacing:.2pt;font-weight:300;border-left:.1rem solid #cd0000;padding-left:.8rem;display:inline;font:var(--R-400_16)}
.oneDayDirecs .txtBox .nexLive .datemi{padding-right:.8rem}
.oneDayDirecs .txtBox .nexLive{padding-top:1.2rem}
.oneDayDirecs .txtBox .nexLive .datemi:before{content:'';display:inline-block;width:1rem;height:1rem;border:.2rem solid #cd0000;background:0 0;border-radius:100%;position:relative;top:.2rem;margin-right:.8rem}

.oneDayDirecs .video_mod.ondemand .auxBox,.oneDayDirecs .video_mod[class*='live'] .auxBox{margin:-1.2rem 0 1.2rem;padding:0;display:inline-block;height:2.8rem;order:1;flex-shrink:0;position:static}
.oneDayDirecs .video_mod.live .auxBox{background-repeat:no-repeat;background-size:auto 100%;background-position:.4rem 50%;background-image:url("https://css2.rtve.es/css/rtve.directos/logos_cadenas/rtve_nac.svg")}
.oneDayDirecs .video_mod.live[class*=tv-la1] .auxBox{background-image:url("https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-la1_nac.svg")}
.oneDayDirecs .video_mod[class*=live][class*=fast] .auxBox{height:3.6rem}

.oneDayDirecs .video_mod[class*=live]>.butt strong{width:100%;height:4rem;display:inline-block;text-align:left;font:var(--R-500_16);line-height:4rem;text-transform:uppercase;letter-spacing:.67pt;color:var(--G02)}
.oneDayDirecs .video_mod>.butt a{height:100%;padding-top:56.25%;display:inline-flex}
.oneDayDirecs .video_mod>.butt,.oneDayDirecs .video_mod>.butt a{width:100%}
.oneDayDirecs .video_mod>.butt{height:calc(100% - 2.8rem);top:2.8rem;opacity:1;z-index:1;position:absolute;left:0;border-radius:0;border:0;transition:.3s;text-align:center;display:inline-flex;align-items:center}
.oneDayDirecs .video_mod[class*='live'][class*='fast']  > .butt {height:calc(100% - 3.6rem);top:3.6rem;}


.oneDayDirecs .video_mod.live .progressBar{position:absolute;left: auto;right:1.6rem;height:.4rem;border-radius:.2rem;background:var(--G02_67);width:calc(100% - 14.8rem);margin-top:calc(56.25% + 1.8rem);top:2.8rem}
.oneDayDirecs .video_mod.live .progressBar span{height:100%;border-radius:.2rem;background:#fff;position:absolute;left:0}
.oneDayDirecs .video_mod.live[class*=fast] .progressBar{top:3.6rem}
.oneDayDirecs .video_mod.live:hover .progressBar span{background:#cd0000}

.oneDayDirecs .video_mod[class*='live'] .maintag {order: 3;}
.oneDayDirecs .video_mod.next_live .maintag:before,.oneDayDirecs .video_mod[class*=live]>.butt strong:before{content:'';border-radius:100%;margin-right:.8rem;display:inline-block}
.oneDayDirecs .video_mod[class*=live]>.butt strong:before{background:#cd0000;width:1.2rem;height:1.2rem}
.oneDayDirecs .video_mod[class*=live].next_live .maintag:before{width:1rem;height:1rem;border:.2rem solid #cd0000;background:0 0}
.oneDayDirecs .video_mod[class*=live]>.butt .rtve-icons{width:auto;min-width:12rem;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;height:3.6rem;border:.2rem solid #fff;background-color:#fff;color:#000;border-radius:.4rem;position:absolute;right:1.6rem;top:-2.8rem;margin-top:56.25%}
.oneDayDirecs .video_mod[class*=live]>.butt .rtve-icons:before{font:var(--R-500_16)}
.oneDayDirecs .video_mod.live>.butt .rtve-icons:before{content:"Ver ahora"}
.oneDayDirecs .video_mod.live>.butt .rtve-icons{background-image:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_masa_000000.svg');background-repeat:no-repeat;background-position:.8rem 50%;background-size:2.2rem 2.2rem;padding-left:2rem}
.oneDayDirecs .video_mod.next_live>.butt .rtve-icons:before{content:"M\00E1s info"}
.oneDayDirecs .video_mod[class*=live]>.butt a:hover .rtve-icons{opacity:1}
.oneDayDirecs .video_mod.ondemand .maintag, .oneDayDirecs .video_mod[class*=live].next_live .maintag{height:2.8rem;display:flex;align-items:center;position:absolute;top:-1.2rem;left:0;background:0 0}
.oneDayDirecs .video_mod.ondemand .maintag:after,.oneDayDirecs .video_mod[class*=live].next_live .maintag *{font:var(--R-500_16);line-height:2rem;text-transform:uppercase;color:var(--G02);padding: 0;}
.oneDayDirecs .video_mod.ondemand .maintag span, .oneDayDirecs .video_mod[class*=live].next_live .maintag span{margin-left:.8rem;padding-left:.8rem;border-left:.2rem solid #cd0000;color:#fff;padding: 0.4rem 0.8rem;    background: none;}
.oneDayDirecs .video_mod.ondemand .maintag strong, .oneDayDirecs .video_mod.ondemand .maintag span,.maintag span:empty {display: none;}

.oneDayDirecs .elem_nH .video_mod.ondemand .txtBox .pretitle,
.oneDayDirecs .video_mod[class*=live] .futureLive .pretitle{font:var(--R-400_16);text-transform:uppercase;width:100%;line-height:4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}
.oneDayDirecs .pubBox *,.oneDayDirecs .txtBox .pretitle{letter-spacing:1pt}
.oneDayDirecs .live .mainBox .pretitle {background: none;margin: 0;padding: 0;}
.oneDayDirecs .elem_nH .live .txtBox .pastLive .pretitle, .oneDayDirecs .elem_nH .live .txtBox .nowLive .pretitle {display: inline-block;width: 100%;font: var(--R-400_16);text-transform: none;letter-spacing: 0.15pt;}
.oneDayDirecs .video_mod.ondemand .txtBox .maintitle,
.oneDayDirecs .video_mod[class*='live'][class*='fast'] .nowLive .maintitle, .oneDayDirecs .video_mod[class*='live'] .futureLive .maintitle {font: var(--NS-300_24);letter-spacing: 0.25pt;font-size: 1.8rem;line-height: 2.4rem;}
.oneDayDirecs .video_mod.ondemand .txtBox .pastLive p,.oneDayDirecs .video_mod[class*=live] .txtBox .futureLive p{font:var(--R-300_16);height:auto;padding-top:1rem;opacity:1;max-height:calc(2.1rem* 4)}
/* .oneDayDirecs .video_mod.ondemand .txtBox .pastLive .maintitle {line-height:4rem} */

.oneDayDirecs .video_mod.ondemand .maintag:after {content: 'finalizado';}

/* ajustes home */
.oneDayDirecs .next_live .maintag strong:before {content: none;}
.oneDayDirecs.collSet .video_mod .content {padding-top: 0;border-width: 0;}
.oneDayDirecs.collSet .video_mod .futureLive, .oneDayDirecs.collSet .txtBox, .oneDayDirecs.collSet .txtBox>strong {padding: 0;float: none;position: static;}
.oneDayDirecs .video_mod.live .txtBox .nowLive {float: none;}
.oneDayDirecs .elem_nH .live .txtBox .pastLive .pretitle, .oneDayDirecs .elem_nH .live .txtBox .nowLive .pretitle {float: none;position: static;display: none;}
.oneDayDirecs.collSet .video_mod.live .txtBox .nowLive p {height: auto;opacity: 1;padding: 0!important;position: static;}  /* texto con el  directo */

.oneDayDirecs .video_mod>.butt a {align-items: unset;justify-content: unset;}

.oneDayDirecs.collSet [class*='live']:not(.dir_brocast) .txtBox .nowLive .maintitle, .oneDayDirecs.collSet .next_live .futureLive .maintitle {height: auto;position: static;font: var(--NS-300_20);font-size: 1.8rem;line-height: 2.4rem;padding: 0;}
.oneDayDirecs.collSet .cellBox .mod:hover {transform: none;box-shadow: none;border: none;border-radius: unset;transition: none;}
.oneDayDirecs.collSet .video_mod.live:hover .ima {border-radius: unset;}
.oneDayDirecs.collSet .live .ima:before {content: none;}
.oneDayDirecs.collSet .video_mod.live .auxBox .canal {display: none;}
.oneDayDirecs.collSet .dir_repeats:hover .maintitle, .oneDayDirecs.collSet .dir_regular:not(.next_live):hover .maintitle {opacity: 1;}

.hddn_dsktp {display: none!important;}

/* boton fase de grupos + navegacion */
.eurocopa2024 nav button.blind {height: 6rem;position: relative;border: 0.2rem solid transparent;border-radius: 0.5rem;color: #ffffffab;border-color: #ffffffab;font-size: 1.4rem;line-height: 2rem;font-weight: 500;text-transform: uppercase;letter-spacing: 0.75pt;padding: 0;cursor: pointer;}
.eurocopa2024 nav button.blind .rtve-icons {position: absolute;left: 0;top: 0;width: 2.8rem;height: 100%;background: url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_prev.svg') ;background-repeat:no-repeat;background-size: 2.4rem;    background-position: center center;opacity: 0.67;}
.eurocopa2024 nav button.blind.be_on .rtve-icons {background-image: url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_next.svg')} 
.eurocopa2024 nav button.blind:hover .rtve-icons {filter: invert(1);}

.eurocopa2024 nav {position: relative;display: flex;align-items: center;}
.eurocopa2024 nav ul:not(.blindBox) {float: right;}
.eurocopa2024 nav button.blind + ul.blindBox:not(.be_on),
.eurocopa2024 nav button.blind + ul.blindBox.be_on + ul,
.eurocopa2024 nav button.blind.be_on > strong:first-of-type,
.eurocopa2024 nav button.blind:not(.be_on) > strong + strong {display: none;}
.eurocopa2024 nav button.blind {position: relative;width: 17rem;height: 3.6rem;background: #000;z-index: 1;margin: 0 1.6rem;}
.eurocopa2024 nav button.blind:hover {background: #fff;color: #000;}
.eurocopa2024 nav button.blind:before {left: -100%;z-index: -1}
.eurocopa2024 nav button.blind strong {font-weight: 400;display: flex;position: relative;margin-right: 4rem;margin: 0;justify-content: center;padding-left: 1rem;}
.eurocopa2024 nav button.blind.be_on {order: 1;}

.eurocopa2024 nav li.beoff a {color:#ffffff57;pointer-events:none;}
.eurocopa2024 nav li.beoff {pointer-events:none;}