@charset 'UTF-8';
@import url('rtve.player.basics.css');

.vjs-play-control {margin-bottom:calc((56.25/2*1%) - 9.6rem);}
.vjs-live.theo-dvr .custom-center-controlbar,.pfvideo.directo .custom-center-controlbar, .pfvideo.directo .video-js:not(.vjs-live) .goto-begin {display: none;}

/*BARRA DE CONTROL*/
.vjs-user-active .vjs-control-bar .vjs-button,.vjs-user-active .vjs-progress-control {cursor:pointer;}
.vjs-user-inactive .theo-player-wrapper * {cursor:none;} 
.video-js:not(.vjs-has-started) .vjs-control-bar {display:none;}
.vjs-control-bar:not(.custom-center-controlbar):not(theo-top-controlbar) {bottom:2.4rem;}
.vjs-control-bar:not(.custom-center-controlbar):not(theo-top-controlbar),
.vjs-control-bar:not(.custom-center-controlbar):not(theo-top-controlbar):hover {z-index:8;}
.vjs-control-bar:not(.custom-center-controlbar) .vjs-control.vjs-button.vjs-play-control {width:100%;height:auto;aspect-ratio:16/9;bottom:calc(14.6rem + 4rem);}
/*iconografia*/
.vjs-button > .vjs-icon-placeholder {opacity:0.67;}
.vjs-button:hover > .vjs-icon-placeholder {opacity:1;}

/*botones en la parte izquierda*/
.vjs-fullscreen-control,.vjs-chromecast-button,
.vjs-picture-in-picture-control {}

.vjs-fullscreen-control {left:calc(6.4rem * 3);;bottom:0;}
.theo-chromecast-button,
.theo-airplay-button {left:6.4rem;}
.vjs-picture-in-picture-control {left:0;bottom:0;}


/*barra de progreso*/
.vjs-play-progress.vjs-slider-bar:after {opacity:1;content:'';width:1.4rem;height:1.4rem;margin:-0.7rem;border-radius:100%;background-color:#fff;display:inline-block;}
.vjs-progress-holder:hover .vjs-play-progress.vjs-slider-bar:after {/*width:2.4rem;height:2.4rem;margin:-1.2rem;*/}
/*control de tiempos*/
.vjs-custom-control-spacer.vjs-spacer, 
.vjs-time-control.vjs-time-divider {display:none;}
.vjs-progress-holder:hover .vjs-mouse-display {opacity:1;}

.vjs-mouse-display:after {content:'';width:0.7rem;height:0.7rem;border:0.4rem solid #fff;background-color:#000;display:inline-block;border-radius:100%;position:absolute;bottom:0;right:50%;transform:translate(calc(50% - 0.1rem),100%);}

/*control volumen*/
.vjs-volume-control.vjs-control {position:absolute;bottom:-2.4rem;width:calc(6.4rem * 4);padding:0 1.6rem;}
.vjs-volume-control.vjs-control * {opacity:0;transition:opacity,0.6s;}
.vjs-mute-control:hover + .vjs-volume-control.vjs-control *,
.vjs-volume-control.vjs-control:hover,.vjs-volume-control.vjs-control:hover *,
.vjs-volume-bar:focus-visible,
.vjs-volume-bar:focus-visible * {opacity:1;}

/*PANELES DESPLEGADOS*/
.vjs-menu.theo-menu-content-animatable .theo-menu-header {font-size:1.6rem;line-height:2rem;font-weight:300;padding:0.8rem 0.4rem;display:inline-block;width:100%;color:rgba(255,255,255,0.67);}
.vjs-menu.theo-menu-content-animatable .theo-menu-header {padding:1.6rem;font-weight:600;color: rgba(255,255,255,1);}
.vjs-menu.theo-menu-content-animatable ul {padding:0 1.6rem 1.6rem 1.6rem;}
.vjs-menu {width:32rem;} 
.vjs-menu.theo-menu-content-animatable {bottom:0;z-index:2;border:0.1rem solid #969695;background:var(--player_G04);}

.theo-menu-container {width:100%;} 
.theo-menu-container .vjs-menu {left:auto !important;}
/* 4.8rem */
.theo-menu-container > .vjs-menu:nth-child(1) {right:12rem;}
.theo-menu-container > .vjs-menu:nth-child(2) {right:7.2rem;}
.theo-menu-container > .vjs-menu.theo-settings-control-menu {left:auto !important;right:2.4rem;}
/*settings*/
.vjs-menu .theo-settings-control-menu-item-title {}
.vjs-menu .theo-settings-control-menu-item-value,.vjs-menu .theo-settings-control-menu-item-value span {font-size:1.4rem;color:#fff;}

/*flechas*/
.vjs-menu.theo-menu-content-animatable:after,
.vjs-menu.theo-menu-content-animatable:before {position:absolute;right:4.8rem;bottom:0;border:0 solid transparent;content:'';height:0;width:0;}
.vjs-menu.theo-menu-content-animatable:before {border-top-color:#969695;border-width:1.6rem 1.6rem 0 1.6rem;margin-right:-1.6rem;bottom:-1.6rem;}
.vjs-menu.theo-menu-content-animatable:after {border-top-color:var(--player_G04);border-width:1.4rem 1.4rem 0 1.4rem;margin-right:-1.4rem;bottom:-1.4rem;}

/*items menu*/
.vjs-menu-item {display:inline-flex;justify-content:flex-start;align-items:center;}
.vjs-menu-item span,
.vjs-menu-item {font-size:1.6rem;line-height:2rem;font-weight:300;width:100%;color:rgba(255,255,255,0.67);}
.vjs-menu-item {padding:0.8rem 0.4rem;}
.vjs-menu-item {border-top:0.1rem solid #676869;}
.vjs-menu-item:hover {background:rgba(255,255,255,0.1);color:#fff;}

/*item seleccionado*/
.vjs-menu-item[aria-checked="true"], .vjs-menu-item[aria-checked="true"] span {color:#fff;}
.vjs-menu-item[aria-checked="true"]:before {content:url('https://css2.rtve.es/css/rtveplay.2024/i/check.svg');height:2.4rem;width:2.4rem;position:absolute;right:0;}
.vjs-menu-item {position:relative;}

/*openned */
.theo-menu-opened .vjs-mute-control, .theo-menu-opened .vjs-icon-audio[aria-expanded="false"],
.theo-menu-opened .vjs-icon-cog[aria-expanded="false"],.theo-menu-opened .vjs-icon-subtitles[aria-expanded="false"] {opacity:0.67;}
.theo-menu-opened [aria-expanded="true"] {}

/*cerrar*/
.theo-menu-header[role="button"][tabindex="-1"]:after {content:url('https://css2.rtve.es/css/rtveplay.2024/i/close.svg');position:absolute;right:1.6rem;top:1.2rem;width:2.4rem;height:2.4rem;overflow:hidden;
													opacity:1;}

/*settings*/
/*.theo-settings-control-menu .vjs-menu-item[role="menuitem"]:before {content:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_next.svg');height:2.4rem;width:2.4rem;float:right;}*/
.theo-settings-control-menu .theo-settings-control-menu-item-value {width:30%;text-align:right;}
.theo-settings-control-menu .theo-settings-control-menu-item-title {width:70%;}
.theo-settings-control-menu .theo-menu-header[role="button"][tabindex="0"]:after {content:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_prev.svg');height:2.4rem;width:2.4rem;float:right;}

.vjs-menu-content:after:hover {opacity:1;}

.vjs-panel-display > div {padding:2rem 0 0 0;}
.vjs-share-display {width:100%;height:100%;padding-left:4rem;}
.vjs-panel-display .close {float:right;}



/** EL GRAN BOTON *******************************/
/************************************************/
.vjs-big-play-button {display:flex;height:0;}
.vjs-big-play-button:before {content:'';width:100%;height:calc(100% - 13.2rem);display:inline-block;position:absolute;top:0;left:0;}
.vjs-paused .vjs-big-play-button:before {
	background:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_circulo.svg') 50% no-repeat;
	background-size:8.2rem 8.2rem;transition:opacity 2s;}
/*ajuste proximos directos*//*se instancia el player y antes no*/
.vjs-paused.vjs-user-inactive .vjs-big-play-button:before {opacity:0;}
.vjs-paused.vjs-user-active .vjs-big-play-button:before {opacity:1;}


.vjs-big-play-button:hover,.video-js:hover {cursor:pointer;}

/*posicionamientos*/
.vjs-paused.video-js:after {z-index:0;}
.vjs-control-bar,.vjs-big-play-button:before {z-index:1;}

/*fireworks*/
.vjs-play-progress.vjs-slider-bar:after {transition: all 0.5s ease-in-out;}

/*PREROLLS*/
.myPlayer_ima-play-pause-div.ima-play-pause-div {width:9.6rem;height:9.6rem;position:absolute;background-repeat:no-repeat;
    background-position: center;background-size: 100%;left:50%;margin-left:-4rem; top:50%;margin-top: -6.6rem;z-index:4;opacity:0;border:0.8rem solid transparent;}

.myPlayer_ima-play-pause-div.ima-play-pause-div {
-webkit-transition: opacity 0.5s;
   -moz-transition: opacity 0.5s;
     -o-transition: opacity 0.5s;
        transition: opacity 0.5s;

}
		
/** CUE POINTS **********************************/
/************************************************/
.vjs-progress-control .vjs-tip,.vjs-progress-control .vjs-tip > *,.vjs-progress-control .vjs-marker {position:absolute;z-index:2;}
.vjs-progress-control .vjs-marker {z-index:4;top:50%;width:0 !important;height:1.8rem;transform:translate(-0.2rem,-50%);border:0.1rem solid #fff;background:transparent;border-radius:0 !important;}
.vjs-progress-control .vjs-marker:hover {width:1.8rem !important;height:1.8rem;border-width:0.4rem !important;border-radius:100% !important;background:darkred;transform:translate(-50%,-50%);}
.vjs-progress-control .vjs-tip {bottom:3.2rem;height:0;width:0;visibility:hidden;}
.vjs-progress-control .vjs-tip > * {left:50%;}
.vjs-progress-control .vjs-tip-inner {bottom:0;font-size:1.2rem;line-height:1.6rem;width:auto;height:auto;min-width:18rem;max-height:5.6rem;padding:0.4rem;
	border:0.1rem solid #fff;background:#000;transform:translateX(-50%);text-align:center;}
.vjs-progress-control .vjs-tip-arrow {top:50%;width:0.2rem;height:2.4rem;background:#fff;transform:translateX(-50%);margin-left:-0.4rem;}
.hola_thumb_drag_handler {height:0 !important;}

/*de momento */
.theo-menu-container {position:absolute;bottom:12.8rem;z-index:9;}
.custom-center-controlbar.theo-secondary-color.vjs-control-bar {z-index:7;}
.theo-menu-container .vjs-menu {bottom:1.6rem;}


/*THEO: no se si esto se queda tal cual*/
.videoPlayer.f16x9 .video-js.theoplayer-skin {/*position:static;*/}


/*.vjs-has-started.vjs-paused .theo-menu-container + .vjs-control-bar:before,
.vjs-has-started.vjs-user-active .theo-menu-container + .vjs-control-bar:before*/
.vjs-has-started.vjs-paused .theo-player-wrapper:before,
.vjs-has-started.vjs-user-active .theo-player-wrapper:before {content:'';width:100vw;height:48em;display:block;left:50%;transform:translateX(-50%);bottom:8.4rem;position:absolute;background:linear-gradient(0deg,rgba(0,0,0,0.9),transparent 85%);z-index:1;}
.fullscreen_mode.vjs-has-started .theo-player-wrapper:before {bottom:4.8rem;}

/** FULL-SCREEN *********************************/ 
/************************************************/
.pfvideo.fullscreen_mode.vjs-has-started .mainElem, .pfvideo.fullscreen_mode.vjs-has-started .videoBox, 
.pfvideo.fullscreen_mode.vjs-has-started .vjs-tech, 
.pfvideo.fullscreen_mode.vjs-has-started .theo-player-wrapper {padding:0 
!important;width:100vw !important;height:100vh !important;max-width:100vw 
!important;max-height:100vh !important;border:0 none !important;} 
.pfvideo.fullscreen_mode.vjs-has-started .theo-menu-container + .vjs-control-
bar:before {height:33vh !important;bottom:0 !important; background:linear-
gradient(0deg,rgba(0,0,0,1),transparent 100%) !important;} 
.pfvideo.fullscreen_mode.vjs-has-started .vjs-progress-control, 
.pfvideo.fullscreen_mode.vjs-has-started .vjs-control-bar:not(.custom-center-
controlbar):not(.theo-top-controlbar) {width:calc(100vw - (9.6rem * 2));} 
.pfvideo.fullscreen_mode.vjs-has-started .custom-center-controlbar.theo-secondary-color.vjs-control-bar, .pfvideo.fullscreen_mode.vjs-has-started .vjs-control-bar:not(.custom-center-controlbar):not(.theo-top-controlbar) 
{left:9.6rem;}
/** FULL-SCREEN *********************************/ 
/** END *****************************************/


/*AVISO CHROMECAST*/
.theo-chromecast-unavailable .vjs-fullscreen-control,
.theo-airplay-unavailable .vjs-fullscreen-control {left:calc(6.4rem * 2);}
.theo-chromecast-unavailable.theo-airplay-unavailable .vjs-fullscreen-control {left:6.4rem;}
.theo-chromecast-connected .vjs-control-bar {opacity:1 !important;}


.theo-at-live.vjs-playing .vjs-play-progress.vjs-slider-bar:after,
.theo-at-live.vjs-playing .vjs-play-progress.vjs-slider-bar {background:#cd0000;}

/* boton play para promos pausadas en firefox */
.theoplayer-skin.theo-ad-playing.vjs-paused button.theo-primary-color.vjs-big-play-button::before {content: '';width: 100%;height: calc(100% - 13.2rem);display: inline-block;position: absolute;top: 0;left: 0;background: url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_circulo.svg') 50% no-repeat;background-size: auto;background-size: 8.2rem 8.2rem;z-index: 10;}



/** CUE-POINTS SOBR BARRA DE PROGRESO ***********/
/************************************************/
.pfvideo .vjs-control-bar:hover {z-index:6;}
.theo-ad-playing .markersBox {display:none;}
.markersBox,
.markersBox .marker,
.markersBox .marker img {position:absolute;}

.markersBox {left:0;top:calc(50% - 0.1rem);width:100%;z-index:2;}
.markersBox .marker img {aspect-ratio:16/9;height:9.6rem;width:auto;left:50%;transform:translateX(-50%);top:calc(-9.6rem - 5.6rem);border:0.1rem solid white;}

.markersBox .marker{width:1.4rem;height:1.4rem;overflow:hidden;transform:translate(calc(-50% + 0.1rem),calc(-50% + 0.1rem));}
.markersBox .marker:before, 
.markersBox .marker:before {content:'';width:0.2rem;height:1.6rem;display:inline-block;background:#fff;border-radius:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all 0.3s;}
.markersBox .marker:hover {overflow:visible;}
.markersBox .marker:hover:before {width:1rem;height:1rem;border-radius:100%;background:#f70;}
/** CUE-POINTS SOBR BARRA DE PROGRESO ***********/
/** END *****************************************/

/** CUE-POINTS EN FORMATIO LISTADO **************/
/************************************************/
/*solo para mobile*/
.vjs-cue-points-listado:after {content:'';width:0.8rem;height:0.8rem;display:inline-block;border-radius:100%;background:red;position:absolute;right:0.6rem;top:0.6rem;}
.markersList {position:absolute;top:0;right:0;bottom:11rem;z-index:8;background-color:rgba(0,0,0,0.67);width:calc(100vw/3);height:auto;padding:1.2rem 2.4rem 0 4.8rem;}
.markersList ol {overflow-y:auto;height:calc(100% - 6rem);}
.markersList .ima {width:8rem;aspect-ratio:4/3;border:1px solid #fff;float:left;grid-column:1;grid-row:1 / 3;}
.markersList img {height:100%;object-fit:cover;}
.markersList li {padding:1.2rem 0;padding:1.2rem 0;border-bottom:0.1rem solid var(--G04);list-style:none;}
.markersList li a {display:grid;grid-template-columns:8rem 1fr;grid-template-rows:2rem auto;column-gap:1.2rem;}
.markersList .startTime {grid-column:2;grid-row:1;font:var(--R-400_13);letter-spacing:0.25pt;word-spacing:-0.25pt;font-weight:500;color:var(--G02_67);}
.markersList strong {grid-column:2;grid-row:2;font:var(--R-300_16);}
.markersList .theo-menu-header {padding-bottom:1.2rem;font-size:1.8rem;line-height:2.4rem;font-weight:500;color:var(--G02);}
/** CUE-POINTS EN FORMATIO LISTADO **************/
/** END *****************************************/

/** Arreglo Submenu CALIDAD */
.theo-menu-container .theo-submenu .vjs-menu-content > li:not([aria-label="Set video quality to 1080p"]):not([aria-label="Set video quality to 720p"]) .theo-settings-control-submenu-item-alternate-value {margin-left: 12.5rem;}
.theo-menu-container .theo-submenu .vjs-menu-content > li[aria-label="Set video quality to 1080p"] .theo-settings-control-submenu-item-alternate-value {margin-left: -1rem;}
.theo-menu-container .theo-submenu .vjs-menu-content > li .theo-settings-control-menu-item-hd-label { padding-left: 1rem;}

/** AJUSTES EMBEBIDO SELAE **********************/
/** *********************************************/
#embed .vjs-has-started.vjs-paused .theo-player-wrapper:before,
#embed .vjs-has-started.vjs-user-active .theo-player-wrapper:before,
.catalog .videoBox .video-js .theo-player-wrapper:before {bottom:0;}
#embed .vjs-progress-control {left:1.6rem;width:calc(100% - 3.2rem);}
.catalog .videoBox .video-js .vjs-current-time-display {color:inherit;border:0 none;}

/** AJUSTES EMBEBIDO SELAE **********************/
/** END *****************************************/


/** NAVEGACION X TECLADO ************************/
/************************************************/

.theoplayer-skin *:focus-visible,
.custom-big-play-pause-button:focus {outline:#365fc8 solid 0.2rem;border-radius:0.4rem;
	/*outline:-webkit-focus-ring-color auto 0.1rem;*/}

/** NAVEGACION X TECLADO ************************/
/** END *****************************************/


/** FALSO BOTON EMBED ***************************/
/************************************************/
.embed-button > span {transition:opacity 0.6s;}
.embed-button:hover > span {opacity:1;z-index:0;}
/** FALSO BOTON EMBED ***************************/
/** END *****************************************/
.theo-uplynk-marker-bar > span {z-index:2}
.theo-uplynk-marker-bar > span:hover {background-color:transparent;}
.theo-uplynk-marker-bar > span:before {content:'Publicidad';position:absolute;left:50%;transform:translate(-50%,2rem);font-size:1.2rem;
font-weight:300;letter-spacing:0.25pt;color:#ff8800dd;opacity:0;transition:opacity 0.3s;}
.theo-uplynk-marker-bar > span:hover:before {opacity:1;}