@charset 'UTF-8'; @import url('rtve.mod_live.basics_alternate.css'); /*interferencias con GRIDS normal*//*INTEGRAR EN GRIDS y verificar en mobile*/ .video_mod.live {border:0.2rem solid transparent;} [data-form-type='lives-collection'] .elem_nH .mainBox {padding-top:0;border:0 none;} [data-form-type='lives-collection'] .monoBox .content {left:auto;top:auto;transform:none;} [data-form-type='lives-collection'] .collSet .elem_nH.active .mainBox > *:not(.trailerControls) {width:100%;height:auto;} [data-form-type='lives-collection'] .monoBox .ima img:not(.i_logo) {height:auto;} .collSet .video_mod.live:hover .ima {border-radius:0.3rem;} .video_mod.live .iplay_video:hover {background:transparent;} .dir_socials:hover [class*='rrss'] .rtve-icons:before {width:4.4rem;height:4.4rem;border:0.1rem solid rgba(255,255,255,1);background-color:rgba(0,0,0,0.25);} .dir_socials:hover .rrss_facebook .rtve-icons:before {background-color:rgba(50,82,160,0.67);} .dir_socials:hover .rrss_twitter .rtve-icons:before {background-color:rgba(30,160,242,0.67);} .dir_socials:hover .rrss_instagram .rtve-icons:before {background-color:rgba(216,36,116,0.67);background-color:rgba(150,36,194,0.67);} .dir_socials:hover .rrss_periscope .rtve-icons:before {background-color:rgba(64,164,196,0.67);} .dir_socials:hover .rrss_snappytv .rtve-icons:before {background-color:rgba(30,160,242,0.67);} .dir_socials:hover .rrss_youtube .rtve-icons:before {background-color:rgba(254,0,0,0.67);} .collSet .video_mod.live:hover {transform:scale(1.1);z-index:1;box-shadow:0 0 2.4rem rgba(0,0,0,0.67);border-color:#b5b5b5;border-radius:0.4rem;} /*.collSet .video_mod.live:hover .ima {border-radius:0.3rem;}*/ [data-form-type='lives-collection'] .collSet .video_mod.dir_brocast:hover .nowLive, [data-form-type='lives-collection'] .collSet .video_mod.dir_repeats:hover .nowLive {bottom:-0.1rem;} .collSet .live:hover .nowLive .maintitle:before {content:'';} .collSet .live:hover .nowLive .maintitle {white-space:normal;font-size:1.3rem;} [data-form-type='lives-collection'] .collSet .video_mod.live:hover .nexLive, [data-form-type='lives-collection'] .video_mod.live:hover .gback, [data-form-type='lives-collection'] .collSet .video_mod.live:hover .iplay_video .rtve-icons {opacity:1;} .collSet .dir_brocast.live:hover .auxBox .canal, .collSet .dir_regular.live:hover .auxBox .canal {left:1.2rem;margin-left:0;} .video_mod.live .gback a:hover, .mainElem .video_mod.live .gback a:hover {background:#fc0;color:#000;border-color:#fc0;} .video_mod.live .gback a:hover .rtve-icons, .mainElem .video_mod.live .gback a:hover .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_start_000000.svg');} .collSet .video_mod.live:hover .progressBar span {background: #a30950; background: -moz-linear-gradient(-30deg, #a30950 0%, #ff4200 100%); background: -webkit-linear-gradient(-30deg, #a30950 0%, #ff4200 100%); background: linear-gradient(125deg, #a30950 0%, #ff4200 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a30950', endColorstr='#ff4200',GradientType=1 ); } .collSet .video_mod.dir_brocast:hover .nowLive, .collSet .video_mod.dir_repeats:hover .nowLive {bottom:0.8rem;} .collSet .dir_brocast:hover .nowLive,.collSet [class*='live']:not(.next_live):hover .nowLive .maintitle {justify-content:flex-end;} .monoBox .next_live .mainBox {position:static;} .monoBox .next_live .mainBox .ima,.futureLive {border-radius:0.4rem;} .monoBox .next_live .mainBox .ima {left:0;top:0;transform:none;position:relative;} .collSet .dir_repeats:hover .maintag,.collSet .dir_regular:not(.next_live):hover .maintag {display:none;} .collSet .dir_repeats:hover .pretitle,.collSet .dir_regular:not(.next_live):hover .pretitle {top:0;bottom:auto;padding-top:0.8rem; background:linear-gradient(to bottom,rgba(0,0,0,0.85),rgba(0,0,0,0));} .collSet .dir_repeats:hover .maintitle,.collSet .dir_regular:not(.next_live):hover .maintitle {z-index:2;bottom:0.2rem;opacity:0.75;} .collSet .live:hover p {opacity:1;} .collSet .live .ima:before {z-index:1;display:inline-block;content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(to top,rgba(0,0,0,0.85),rgba(0,0,0,0) 67%);opacity:0;} .collSet .live:hover .ima:before {opacity:1;} /** ANCHOS DE ELEMENTOS *************************/ /************************************************/ /*.container {width:90%;} .container.striplayer,.navBox > .container {width:100%;} section[data-tipo*='slide'] {width:100%;overflow-x:hidden;} section[data-tipo*='slide'] .secBox {padding:0 5%;} .hiveBox [class*="comp_"] li {float:left;}*/ [data-form-type='lives-collection'] .hiveBox {padding:1.6rem 4rem;} @media only screen and (min-width:1920px) { } @media only screen and (min-width:1440px) { /*and (max-width:1919px)*/ [data-form-type='lives-collection'] .grid_V .comp_nH .elem_nH {width:calc(100%/6);} [data-form-type='lives-collection'] .grid_V .comp_nH .elem_nH:nth-of-type(6n+1) {clear:left;} [data-form-type='lives-collection'] .slideH .elem1 .elem_nH, [data-form-type='lives-collection'] .slideH .elem2 .elem_nH, [data-form-type='lives-collection'] .slideH .elem3 .elem_nH, [data-form-type='lives-collection'] .slideH .elem4 .elem_nH, [data-form-type='lives-collection'] .slideH .elem5 .elem_nH, [data-form-type='lives-collection'] .slideH .elem6 .elem_nH {width:calc(100%/6);} [data-form-type='lives-collection'] .slideH .elem7 {width:calc(700%/6);} [data-form-type='lives-collection'] .slideH .elem8 {width:calc(800%/6);} [data-form-type='lives-collection'] .slideH .elem9 {width:calc(900%/6);} [data-form-type='lives-collection'] .slideH .elem10 {width:calc(1000%/6);} [data-form-type='lives-collection'] .slideH .elem11 {width:calc(1100%/6);} [data-form-type='lives-collection'] .slideH .elem12 {width:calc(1200%/6);} [data-form-type='lives-collection'] .slideH .elem13 {width:calc(1300%/6);} [data-form-type='lives-collection'] .slideH .elem14 {width:calc(1400%/6);} [data-form-type='lives-collection'] .slideH .elem15 {width:calc(1500%/6);} [data-form-type='lives-collection'] .slideH .elem16 {width:calc(1600%/6);} [data-form-type='lives-collection'] .slideH .elem17 {width:calc(1700%/6);} [data-form-type='lives-collection'] .slideH .elem18 {width:calc(1800%/6);} [data-form-type='lives-collection'] .slideH .elem19 {width:calc(1900%/6);} [data-form-type='lives-collection'] .slideH .elem20 {width:calc(2000%/6);} } @media only screen and (min-width:1200px) and (max-width:1439px) { } @media only screen and (min-width:1024px) and (max-width:1439px) { [data-form-type='lives-collection'] .grid_V .comp_nH .elem_nH {width:calc(100%/4);} [data-form-type='lives-collection'] .grid_V .comp_nH .elem_nH:nth-of-type(4n+1) {clear:left;} [data-form-type='lives-collection'] .slideH .elem1 .elem_nH, [data-form-type='lives-collection'] .slideH .elem2 .elem_nH, [data-form-type='lives-collection'] .slideH .elem3 .elem_nH, [data-form-type='lives-collection'] .slideH .elem4 .elem_nH {width:calc(100%/4);} [data-form-type='lives-collection'] .slideH .elem5 {width:calc(500%/4);} [data-form-type='lives-collection'] .slideH .elem6 {width:calc(600%/4);} [data-form-type='lives-collection'] .slideH .elem7 {width:calc(700%/4);} [data-form-type='lives-collection'] .slideH .elem8 {width:calc(800%/4);} [data-form-type='lives-collection'] .slideH .elem9 {width:calc(900%/4);} [data-form-type='lives-collection'] .slideH .elem10 {width:calc(1000%/4);} [data-form-type='lives-collection'] .slideH .elem11 {width:calc(1100%/4);} [data-form-type='lives-collection'] .slideH .elem12 {width:calc(1200%/4);} [data-form-type='lives-collection'] .slideH .elem13 {width:calc(1300%/4);} [data-form-type='lives-collection'] .slideH .elem14 {width:calc(1400%/4);} [data-form-type='lives-collection'] .slideH .elem15 {width:calc(1500%/4);} [data-form-type='lives-collection'] .slideH .elem16 {width:calc(1600%/4);} [data-form-type='lives-collection'] .slideH .elem17 {width:calc(1700%/4);} [data-form-type='lives-collection'] .slideH .elem18 {width:calc(1800%/4);} [data-form-type='lives-collection'] .slideH .elem19 {width:calc(1900%/4);} [data-form-type='lives-collection'] .slideH .elem20 {width:calc(2000%/4);} } @media only screen and (min-width:768px) and (max-width:1023px) { [data-form-type='lives-collection'] .grid_V .comp_nH .elem_nH {width:calc(100%/3);} [data-form-type='lives-collection'] .grid_V .comp_nH .elem_nH:nth-of-type(3n+1) {clear:left;} [data-form-type='lives-collection'] .slideH .elem1 .elem_nH, [data-form-type='lives-collection'] .slideH .elem2 .elem_nH, [data-form-type='lives-collection'] .slideH .elem3 .elem_nH {width:calc(100%/3);} [data-form-type='lives-collection'] .slideH .elem4 {width:calc(400%/3);} [data-form-type='lives-collection'] .slideH .elem5 {width:calc(500%/3);} [data-form-type='lives-collection'] .slideH .elem6 {width:calc(600%/3);} [data-form-type='lives-collection'] .slideH .elem7 {width:calc(700%/3);} [data-form-type='lives-collection'] .slideH .elem8 {width:calc(800%/3);} [data-form-type='lives-collection'] .slideH .elem9 {width:calc(900%/3);} [data-form-type='lives-collection'] .slideH .elem10 {width:calc(1000%/3);} [data-form-type='lives-collection'] .slideH .elem11 {width:calc(1100%/3);} [data-form-type='lives-collection'] .slideH .elem12 {width:calc(1200%/3);} [data-form-type='lives-collection'] .slideH .elem13 {width:calc(1300%/3);} [data-form-type='lives-collection'] .slideH .elem14 {width:calc(1400%/3);} [data-form-type='lives-collection'] .slideH .elem15 {width:calc(1500%/3);} [data-form-type='lives-collection'] .slideH .elem16 {width:calc(1600%/3);} [data-form-type='lives-collection'] .slideH .elem17 {width:calc(1700%/3);} [data-form-type='lives-collection'] .slideH .elem18 {width:calc(1800%/3);} [data-form-type='lives-collection'] .slideH .elem19 {width:calc(1900%/3);} [data-form-type='lives-collection'] .slideH .elem20 {width:calc(2000%/3);} } @media only screen and (min-width:480px) and (max-width:767px) { [data-form-type='lives-collection'] .grid_V .comp_nH .elem_nH {width:calc(100%/2);} [data-form-type='lives-collection'] .grid_V .comp_nH .elem_nH:nth-of-type(2n+1) {clear:left;} [data-form-type='lives-collection'] .slideH .elem1 .elem_nH, [data-form-type='lives-collection'] .slideH .elem2 .elem_nH {width:calc(100%/2);} [data-form-type='lives-collection'] .slideH .elem3 {width:calc(300%/2);} [data-form-type='lives-collection'] .slideH .elem4 {width:calc(400%/2);} [data-form-type='lives-collection'] .slideH .elem5 {width:calc(500%/2);} [data-form-type='lives-collection'] .slideH .elem6 {width:calc(600%/2);} [data-form-type='lives-collection'] .slideH .elem7 {width:calc(700%/2);} [data-form-type='lives-collection'] .slideH .elem8 {width:calc(800%/2);} [data-form-type='lives-collection'] .slideH .elem9 {width:calc(900%/2);} [data-form-type='lives-collection'] .slideH .elem10 {width:calc(1000%/2);} [data-form-type='lives-collection'] .slideH .elem11 {width:calc(1100%/2);} [data-form-type='lives-collection'] .slideH .elem12 {width:calc(1200%/2);} [data-form-type='lives-collection'] .slideH .elem13 {width:calc(1300%/2);} [data-form-type='lives-collection'] .slideH .elem14 {width:calc(1400%/2);} [data-form-type='lives-collection'] .slideH .elem15 {width:calc(1500%/2);} [data-form-type='lives-collection'] .slideH .elem16 {width:calc(1600%/2);} [data-form-type='lives-collection'] .slideH .elem17 {width:calc(1700%/2);} [data-form-type='lives-collection'] .slideH .elem18 {width:calc(1800%/2);} [data-form-type='lives-collection'] .slideH .elem19 {width:calc(1900%/2);} [data-form-type='lives-collection'] .slideH .elem20 {width:calc(2000%/2);} } /* 1920 px 1440 px 1024 px 768 px 480 px 320px — 480px: Mobile devices. 481px — 768px: iPads, Tablets. 769px — 1024px: Small screens, laptops. 1025px — 1200px: Desktops, large screens. 1201px and more — Extra large screens, TV. */ /** TEXTOS **************************************/ /************************************************/ /*.mainTabs a strong {font-size:1.6rem;line-height:2.4rem;font-weight:400;text-transform:uppercase;letter-spacing:1pt;}*/ [data-form-type='lives-collection'] .secBox {font-size:2rem;line-height:2.6rem;font-weight:700;letter-spacing:0.5pt;} /** TITULOS DE SECCIONES ************************/ /************************************************/ [data-form-type='lives-collection'] .secBox {display:inline-block;width:100%;} [data-form-type='lives-collection'] .secBox span {padding:0 0.8rem;} [data-form-type='lives-collection'] .secBox {padding:2.4rem 0 1.6rem 0;} [data-form-type='lives-collection'] .secBox {padding:2.4rem 5% 0.8rem 5%;} /** BOTONES REPRODUCIR **************************/ /************************************************/ .video_mod.live .gback a {display:inline-block;line-height:2.4rem;padding:0.2rem 0.8rem;border-radius:0.4rem;} .iplay_video .rtve-icons:hover {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_circulo_masa.svg');} /** ICONOS CON ETIQUETA *************************/ /************************************************/ /*.tooltip strong {position:absolute;white-space:nowrap;bottom:-2rem;opacity:0;} .tooltip .rtve-icons:hover + strong {opacity:1;}*/ /** ARTIFICIOS **********************************/ /************************************************/ [data-form-type='lives-collection'] .cellBox {z-index:0;position:relative;} .nowLive,.video_mod.live .gback {z-index:2;} .nexLive {z-index:1;} .collSet .live:not(.infoBox) .nexLive,.iplay_video .rtve-icons,.collSet .video_mod.live .gback {opacity:0;} .video_mod.live .gback a {background:rgba(0,0,0,0);} /**/ .video_mod.live,.video_mod.live .ima {border-radius:0;} .video_mod.live, .video_mod.live div,.video_mod.live .auxBox .canal {transition:all 0.85s ease-in-out;} .iplay_video .rtve-icons {transition:opacity 0.85s ease-in-out;} .slideH > ul {position:relative;left:0;transition:left 1.25s ease-in-out;} .video_mod.live .gback a {transition:background 0.4s ease-in-out;} .dir_socials [class*='rrss'] .rtve-icons:before {transition:width 0.4s,height 0.4s,border 0.4s;} .navBox,.navBox * {transition:all 0.3s ease-in-out;}