@charset 'UTF-8';



/** PASTILLA INICIAL ****************************/
/************************************************/
.ccttSel {padding-left:6.4rem;}
.ccttSel,.ccttSel * {outline:0 none;}
	.ccttSel [role="label"] {font-size:1.8rem;font-weight:400;}
	.ccttSel:not(.active) strong[role="option"] {font-size:1.2rem;padding:0 0.4rem;}
	.ccttSel [role="label"],.ccttSel:not(.active) strong[role="option"] {line-height:2rem;display:inline-block;}
.ccttSel [role="label"],.ccttSel:not(.active) [role="listbox"] > .active {white-space:nowrap;}
.ccttSel:not(.active) .open_close {position:absolute;width:100%;height:100%;left:0;top:0;cursor:pointer;}
 .open_close .rtve-icons {width:3.2rem;height:3.2rem;background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_up.svg');}
 .ccttSel:not(.active) .open_close .rtve-icons {position:absolute;left:6.4rem;top:calc(50% - 1.6rem);}
	.ccttSel.active .open_close .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_close.svg');
		background-size:2.6rem;}

.ccttSel .open_close:before {content:'';width:4.8rem;height:4.8rem;display:inline-block;background-repeat:no-repeat;background-position:50%;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;}


/** 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;}

/** PANEL SUPERPUESTO ***************************/
/************************************************/
.ccttSel.active {left:0;bottom:0;width:100%;height:auto;background-color:rgba(0,0,0,0.85);opacity:1;padding-top:5.6rem;}
.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;}
}