@import url('jjoo-directos.basics.css');



.oneDayDirecs.collSet .video_mod[class*='live'] > .butt strong {

  width: 100%;

  height: 4rem;

  display: inline-block;

  text-align: left;

  font: var(--R-500_16);

  line-height: 4rem;

  text-transform: uppercase;

  letter-spacing: 0.67pt;

  color: #fff;

  position: absolute;

  top: -4.5rem;

  padding: 0 0 0 2.1rem;

}

.oneDayDirecs.collSet .video_mod[class*='live'] > .butt a {

  height: 100%;

  padding-top: 56.25%;

  display: inline-flex;

  align-items: unset;

  justify-content: unset;

}

.oneDayDirecs.collSet .video_mod[class*='live'] > .butt,

.collSet .video_mod[class*='live'] > .butt a {

  width: 100%;

}

.oneDayDirecs.collSet .video_mod[class*='live'] > .butt {

  height: calc(100% - 2.8rem);

  top: 2.8rem;

  opacity: 1;

  z-index: 1;

  position: absolute;

  left: 0;

  border-radius: 0;

  border: 0;

  transition: 0.3s;

  text-align: center;

  display: inline-flex;

  align-items: center;

}

.oneDayDirecs.collSet .video_mod[class*='live'][class*='fast'] > .butt {

  height: calc(100% - 3.6rem);

  top: 3.6rem;

}



.oneDayDirecs.collSet .video_mod[class*='live'] > .butt .rtve-icons,

.oneDayDirecs.collSet .video_mod.ondemand > .butt .rtve-icons {

  width: auto;

  min-width: 12rem;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  opacity: 0;

  transition: opacity 0.3s;

  height: 3.6rem;

  border: 0.2rem solid var(--blanco);

  background-color: var(--blanco);

  color: var(--negro);

  border-radius: 0.4rem;

  position: absolute;

  right: 1.6rem;

  top: -2.8rem;

  margin-top: 56.25%;

}

.oneDayDirecs.collSet .video_mod.ondemand > .butt .rtve-icons {

  top: auto;

}

.oneDayDirecs.collSet .video_mod[class*='live'] > .butt .rtve-icons:before,

.collSet .video_mod.ondemand > .butt .rtve-icons:before {

  font: var(--R-500_16);

}



/* botones */

.oneDayDirecs.collSet .video_mod.live > .butt .rtve-icons:before {

  content: 'Ver ahora';

}

.oneDayDirecs.collSet .video_mod.ondemand > .butt .rtve-icons:before {

  content: 'Ver video';

}

.oneDayDirecs.collSet .video_mod.live > .butt .rtve-icons {

  background-image: url('https://css.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_masa_cd0000.svg');

  background-repeat: no-repeat;

  background-position: 0.8rem 50%;

  background-size: 2.2rem 2.2rem;

  padding-left: 2rem;

}

.oneDayDirecs.collSet .video_mod.ondemand > .butt .rtve-icons {

  background-image: url('https://css.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_masa_000000.svg');

  background-repeat: no-repeat;

  background-position: 0.8rem 50%;

  background-size: 2.2rem 2.2rem;

  padding-left: 2rem;

}

.oneDayDirecs.collSet .video_mod.next_live > .butt .rtve-icons:before {

  content: 'M\00E1s info';

}



.oneDayDirecs.collSet .video_mod[class*='live'] .futureLive .pretitle,

.oneDayDirecs.collSet .elem_nH .video_mod[class*='live'] .pastLive .pretitle {

  line-height: 4rem;

}



/* hover */

.oneDayDirecs.collSet .cellBox .mod:hover {

  transform: none;

  box-shadow: none;

  border: none;

  border-radius: unset;

  transition: none;

}



.oneDayDirecs.collSet .video_mod.live:hover .ima {

  border-radius: unset;

}

.oneDayDirecs.collSet .dir_repeats:hover .maintitle,

.collSet .dir_regular:not(.next_live):hover .maintitle {

  opacity: 1;

}



.oneDayDirecs.collSet .video_mod.live:hover .progressBar span {

  background: var(--rojo);

}



.oneDayDirecs.collSet .video_mod[class*='live'] > .butt a:hover .rtve-icons {

  opacity: 1;

}