@charset 'UTF-8';



/** PASTILLA INICIAL ****************************/
/************************************************/
/*estado pausado*//*sin texto, solo icono*/
.ccttSel .open_close {width:9.6rem;position:relative;}
.ccttSel .open_close:before,.ccttSel .open_close:after {position:absolute;left:0;top:0;}
.ccttSel [role="label"] {position:absolute;left:5.6rem;top:0;z-index:1;}
.ccttSel .open_close:after {}
.ccttSel .open_close {display:inline-block;z-index:2;}
.ccttSel .open_close:before,.ccttSel .open_close .rtve-icons:after,
.ccttSel .open_close .rtve-icons {width:4.8rem;height:4.8rem;display:inline-block;background-repeat:no-repeat;background-position:50%;}
.ccttSel .open_close:before,.ccttSel .open_close:after {content:'';}
.ccttSel .open_close:before {background-size:100% auto;
background-image:url('http://www.rtve.es/css/rtve.directos/iconos/rtve-icon_mapa_spanya.svg');opacity:0.5;
position:absolute;left:0;top:0;}
.ccttSel .open_close:after {width:0.9rem;height:0.9rem;border-radius:100%;background:#c80808;border:0.3rem solid #fff;transform:translate(1.4rem,1.6rem);}
.ccttSel .open_close .rtve-icons {float:right;background-size:2.6rem;background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_up.svg');}




.ccttSel:not(.active) [role="listbox"] > .active,.ccttSel [role="label"] {width:0;opacity:0;}
.ccttSel:not(.active) [role="listbox"] > .active {height:2.4rem;position:absolute;left:5.6rem;bottom:0;}
.ccttSel,.ccttSel .open_close,
.ccttSel [role="label"],
.ccttSel:not(.active) [role="listbox"] > .active {/*transition:width 1s ease-in-out, opacity 2s ease-in-out;*/}


.ccttSel,.ccttSel * {outline:0 none;}
	.ccttSel [role="label"] {font-size:1.8rem;font-weight:400;line-height:2.4rem;}
	.ccttSel:not(.active) strong[role="option"] {font-size:1.2rem;padding:0 0.4rem;}
.ccttSel [role="label"],
.ccttSel:not(.active) [role="listbox"] > .active {white-space:nowrap;}



/*estado activo*//*mostramos seleccion*/
.ccttSel.active [role="label"],
.ccttSel:not(.active) [role="listbox"] > .active {width:20rem;}
.ccttSel.active .open_close .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_close.svg');}





/** ELEMENTOS LISTADO ***************************/
/************************************************/
.ccttSel.active [role="listbox"] > li {padding:0.8rem;border-radius:0.3rem;}
.ccttSel strong[role="option"] {text-transform:uppercase;font-weight:400;letter-spacing:0.75pt;display:inline-block;}
.ccttSel.active strong[role="option"] {font-size:1.4rem;line-height:2rem;padding:0 0 0 0.8rem;color:rgba(255,255,255,0.67);}

/*bolitos*/
.ccttSel [role="listbox"] > li:before {content:'';display:inline-block;float:left;background-color:rgba(255,255,255,0.67);border-radius:100%;} 
.ccttSel.active [role="listbox"] > li:before {width:1rem;height:1rem;margin:0.3rem;}
.ccttSel [role="listbox"] > .active:before {background:#c80808;border:0.3rem solid #fff;}
.ccttSel.active [role="listbox"] > .active:before {margin:0;}
.ccttSel:not(.active) [role="listbox"] > .active:before {width:0.8rem;height:0.8rem;border-width:0.3rem;}
.ccttSel [role="listbox"] > li:not(.active) {display:none;}

/*activos*/
.ccttSel.active [role="listbox"] > li {display:inline-flex;align-items:center;width:100%;}
.ccttSel.active [role="listbox"] > .active {background-color:rgba(255,255,255,0.33);}
.ccttSel [role="listbox"] > .active strong {color:#fff;}


.ccttSel.active .blindBox {display:inline-block;position:absolute;bottom:8.4rem;width:calc(100vw - 4.8rem);height:auto;background-color:rgba(0,0,0,0.5);opacity:1;padding:2.4rem;left:50%;transform:translateX(-50%);border:0.1rem solid #fff;}


.ccttSel [role="listbox"].be_on > li {display:inline-flex;}

/** ANIMACIONES *********************************/
/************************************************/
@keyframes pulso_directo {
  0%   {border-color:#ffffff;opacity:1;}
  50%  {border-color:transparent;opacity:0;}
  100% {border-color:#ffffff;opacity:1;}
}