@charset "UTF-8";
@import url('rtve.play.traducciones-cat.basics.css');

/* Portada */
body[class*="pf"][data-lang="ca"] .mainElem .auxBox ._info ,
.la2cat .mainElem .auxBox ._info {margin-right: -5rem;}

/* PF */
body[class*="pf"][data-lang="ca"] .striplayer .mainElem .mod > a.goto_media .progressBar em:before,
.la2cat .striplayer .mainElem .mod > a.goto_media .progressBar em:before {text-transform:uppercase}

/*** TRADUCCIONES ***/
body[class*="pf"][data-lang="ca"] .blindBox [class*="elem"] .icon.favor_add strong::before,
body[class*="pf"][data-lang="ca"] .blindBox [class*="elem"] span.icon.bmark_add strong::before,
body[class*="pf"][data-lang="ca"] .blindBox [class*="elem"] span.icon.share.blind strong::before,
.la2cat .blindBox [class*="elem"] .icon.favor_add strong::before,
.la2cat .blindBox [class*="elem"] span.icon.bmark_add strong::before,
.la2cat .blindBox [class*="elem"] span.icon.share.blind strong::before {font-size: 1.3rem;line-height: calc(2.8rem / 2);}


body[class*="pf"][data-lang="ca"] .scndTabs li[data-tab="details"] a strong:before,
body[class*="pf"][data-lang="ca"] .scndTabs li[data-tab="video-details"] a strong:before,
body[class*="pf"][data-lang="ca"] .scndTabs li[data-tab="capters"] a strong:before,
body[class*="pf"][data-lang="ca"] .scndTabs li[data-tab="clips"] a strong:before {font: var(--R-400_16);}

.la2cat .collSet .video_mod[class*='live'] > .butt strong:after {content:"En directe";font: var(--R-500_16);line-height: 4rem;text-transform: uppercase;margin-left: -0.9rem;}

body[class*="pf"][data-lang="ca"] .detailsbox .intro .subtitle:before,
body[class*="pf"][data-lang="ca"] .detailsbox .staff .subtitle:before {font: var(--RS-temas);font-weight: 300;}

/* ya estaban en before */
body[class*="pf"][data-lang="ca"] .collSet .video_mod.live > .butt .rtve-icons:before,body[class*="pf"][data-lang="ca"] .topBox .counter .rtve-icons:before,
body[class*="pf"][data-lang="ca"] .monoBox:not(.comp_xH):not(.comp_nC) .mod:not(.sched) .goto_media .rtve-icons:before,
.la2cat .collSet .video_mod.live > .butt .rtve-icons:before,.la2cat .topBox .counter .rtve-icons:before,
.la2cat .monoBox:not(.comp_xH):not(.comp_nC) .mod:not(.sched) .goto_media .rtve-icons:before {content: "Mira-ho ara";}
body[class*="pf"][data-lang="ca"] .collSet .video_mod.next_live > .butt button .rtve-icons:before,
.la2cat .collSet .video_mod.next_live > .butt button .rtve-icons:before {content: "Avisa'm";}
body[class*="pf"][data-lang="ca"] .collSet .video_mod.next_live > .butt .rtve-icons:before,
.la2cat .collSet .video_mod.next_live > .butt .rtve-icons:before {content: "M\0e9s info";}

body[class*="pf"][data-lang="ca"].logado .keepWatching .elem_nH.active .mod .goto_media .icon.progressBar .progressBar,
.la2cat.logado .keepWatching .elem_nH.active .mod .goto_media .icon.progressBar .progressBar {font-size:0;line-height: 0;}
body[class*="pf"][data-lang="ca"].logado .keepWatching .elem_nH.active .mod .goto_media .icon.progressBar .progressBar:before,
.la2cat.logado .keepWatching .elem_nH.active .mod .goto_media .icon.progressBar .progressBar:before {content: "Continuar veient";font-size: 1.6rem;width: 100%;vertical-align: middle;line-height: 3.6rem;padding-left: 1rem;background-position: center left;}


body[class*="pf"][data-lang="ca"] .formBox.modern .inputBox label[for="episodio_filter"]:before {content:"Nº episodi";font-size: 1.6rem;line-height: 3.2rem;border-bottom: 0.1rem solid #fff;display: inline-block;}

