@import url("https://css2.rtve.es/css/rtveplay.2021/rtve.mod_live.desktp_alternate.css");

/*reset del portada.desktp*/
[data-form-type='lives-collection'] .monoBox .elem_nH .txtBox * {letter-spacing:0 !important;word-spacing:0 !important;}
[data-form-type='lives-collection'] .video_mod.next_live .txtBox p {height:auto !important;opacity:1 !important;}

.comp_nC .txtBox .maintitle {font-size: 1.6rem !important;line-height: 2rem !important;word-spacing: normal !important;}
.monoBox .txtBox .pretitle, .monoBox .txtBox .pubBox * {font-size: 1.3rem !important;word-spacing: normal !important;}

.collSet .slideH {padding:1.6rem 4rem !important}

/** AVISAME EN DIRECTOS *************************/
/************************************************/

/** FONTS BASICS ********************************/
:root {
    --R-400_16: 400 1.6rem/2rem 'Roboto',sans-serif;
    --R-300_14: 300 1.4rem/2.1rem 'Roboto',sans-serif;
    --R-500_16: 500 1.6rem/2rem 'Roboto',sans-serif;
}
/** END *****************************************/
/** COLORES *************************************/
:root {
    --gris_claro: #D0D0D0;
    --G04: #434346;
}
/** END *****************************************/
.next_live .butt .alarm {position:absolute;width:12rem;height:3.6rem;background:transparent;right:1.6rem;margin-top:56.25%;top:calc(-2.8rem - 4.4rem);}
.collSet .video_mod.next_live > .butt button .rtve-icons {left:0;top:0;margin:0;position:absolute;}
.collSet .video_mod.next_live > .butt button .rtve-icons:before {content:'Av\00ED same';}
.collSet .next_live > .butt:hover button .rtve-icons {opacity:1;border:0.2rem solid #fff;background:#00000080 url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_avisar.svg') no-repeat 0.4rem 50%;color:#fff;background-size:2.4rem;justify-content:left;padding-left:3.6rem;}
.collSet .next_live > .butt:hover button:hover .rtve-icons {background-color:#fff;background-image:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_avisar_000000.svg');color:#000;}
/*capa pop-up nueva*/
.next_live .butt .alarm {position:absolute;width:12rem;height:3.6rem;background:transparent;right:1.6rem;margin-top:56.25%;top:calc(-2.8rem - 4.4rem);z-index: 1;cursor: pointer;}
.collSet .video_mod.next_live > .butt button .rtve-icons {left:0;top:0;margin:0;position:absolute;}
.collSet .video_mod.next_live > .butt button .rtve-icons:before {content:'Av\00ED same';    line-height: 3rem;font-size: 1.6rem;}
.collSet .next_live > .butt:hover button .rtve-icons {opacity:1;border:0.2rem solid #fff;background:#00000080 url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_avisar.svg') no-repeat 0.4rem 50%;color:#fff;background-size:2.4rem;justify-content:left;padding-left:3.6rem;}
.collSet .next_live > .butt:hover button:hover .rtve-icons {background-color:#fff;background-image:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_avisar_000000.svg');color:#000;border-radius: 0.4rem;}
/*capa pop-up nueva*/
.optionsBox {-webkit-font-smoothing:auto;position:fixed;width:100%;height:100%;left:0;top:0;background:#000000bf;color:#fff;z-index:8;font:var(--R-400_16);flex-direction:column;justify-content:center;align-items:center;}
.optionsBox .close {width:36rem;font-size:1.3rem;position:relative;padding:1.2rem;right:0;top:0;display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-start;cursor:pointer;}
.optionsBox .close .rtve-icons {width:2.4rem;height:2.4rem;background:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_close.svg') no-repeat 50%;margin-left:0.8rem;}
.optionsBox legend {font:var(--R-300_14);text-transform:uppercase;}
.optionsBox form,.optionsBox fieldset {display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;}
.optionsBox form {width:36rem;height:auto;padding:4.8rem 4rem;border-radius:0.6rem;border:0.2rem solid var(--G04);background:#000;}
.optionsBox fieldset {padding:2.4rem 0;}
.optionsBox .infoBox {height:calc(100% - 3.6rem);}
.optionsBox label {padding:0.8rem 0;cursor:pointer;color:var(--gris_claro);}
.optionsBox legend,.optionsBox label {display:flex;align-items:center;}
.optionsBox label:before {content:'';width:2.4rem;height:2.4rem;border:0.1rem solid var(--gris_claro);border-radius:0.4rem;display:inline-block;margin-right:0.8rem;flex-shrink:0;}
.optionsBox input:checked + label:before {background:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_check.svg');border-color:#fff;}
.optionsBox label:hover,
.optionsBox input:checked + label {color:#fff;}
.optionsBox form > button {font:var(--R-500_16);color:#000;white-space:nowrap;width:auto;height:3.6rem;text-align:center;background:var(--G02);border-radius:0.3rem;min-width:12rem;cursor:pointer;}
.optionsBox form > button:hover {background:#fff;}
.elem_nH .optionsBox form p,.optionsBox form p {height:auto;width:100%;aspect-ratio:1.5;margin-bottom:3.2rem;overflow-y:auto;font-weight:100;scrollbar-color:#ffffff80 #000;}
.optionsBox form p a {font-weight:500;text-decoration:underline;}
/*boton activo*/
.collSet .next_live > .butt.active button .rtve-icons {opacity:1;background-size:2.4rem;background-color:#fc0;border-color:#fc0;background-image:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_avisar_000000.svg');background-position:0.4rem 50%;color:#000;justify-content:left;padding-left:3.6rem;}
.next_live .butt.active .alarm 	{width:3.6rem;min-width:3.6rem;overflow:hidden;border-radius:0.4rem;transition:width,0.3s;}
.collSet .video_mod.next_live > .butt.active button .rtve-icons:before {content:'Cancelar';}
.next_live .butt.active .alarm:hover 	{width:12rem;min-width:12rem;}
.collSet .next_live > .butt.active button:hover .rtve-icons {border-color:#fff;}

.collSet .next_live button.icon-label.alarm .rtve-icons {display:flex;width: 100%;height: 100%;opacity:0;}
.collSet .next_live:hover button.icon-label.alarm .rtve-icons {opacity: 1;}

.next_live .butt .alarm {display: none;}

/** AVISAME EN DIRECTOS *************************/
/** END *****************************************/