@charset 'UTF-8';
@import url('rtve.play.basics.desktp.css');
@import url('rtve.mod_header.desktp.css');
@import url('rtve.mod_footer.desktp.css');


.mainheader .container {display:block;}

/** spinner **/
.loading {position: fixed;width: 100vw;height: 100vh;left: 0;top: 0;z-index: 999;background-color: black;}
.loading .cargando {height: 100vh;width: 100%;-ms-flex-pack: center;justify-content: center;}

.loading .cargando {position: relative;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-direction: column;flex-direction: column;}
.loading .cargando .logo {margin-bottom: 35px;animation-name: logoOpacity;animation-duration: 1.8s;animation-iteration-count: infinite;}
.loading .cargando .spinn {text-align: center;display: inline-block;}
.loading .cargando .spinn span {margin: 0 0.2em;width: 1em;height: 1em;border-radius: 100%;display: inline-block;animation: bouncedelay 1.8s infinite ease-in-out;animation-fill-mode: both;}

.loading .cargando .ball01 {background-color: #ffffff;}
.loading .cargando .ball02 {background-color: #dbdbdb;}
.loading .cargando .ball03 {background-color: #b5b5b5;}
.loading .cargando .ball04 {background-color: #706d6c;}

@keyframes logoOpacity {
  0% {opacity: 1;}
  25% {opacity: 0.85;}
  40% {opacity: 0.7;}
  65% {opacity: 0.5;}
  85% {opacity: 0.7;}
  100% {opacity: 0.85;}
}

@keyframes logoColor {
  0% {fill: #ffffff;}
  33% {fill: #dbdbdb;}
  66% {fill: #b5b5b5;}
  99% {fill: #706d6c;}
}

@media only screen and (min-width: 768px) {
  .cargando .spinn span {margin: 0 0.3em;width: 1.4em;height: 1.4em;}}
    .cargando .spinn .ball01 {animation-delay: -0.48s;}
    .cargando .spinn .ball02 {animation-delay: -0.32s;}
    .cargando .spinn .ball03 {animation-delay: -0.16s;}

@keyframes bouncedelay {
  0%,80%,100% {transform: scale(0.1);-webkit-transform: scale(0.1);}
  40% {transform: scale(1);-webkit-transform: scale(1);}
}



html {font-size: 62.5%;font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}

::marker {display: none;color: transparent;}

body {margin: 0; font-size: 1em;line-height: 1;font-family: 'Roboto', sans-serif;  font-style: normal;font-weight: normal;font-size: 100%;background-color: #000000;}

article,aside,details,
figcaption,figure,
footer,header,hgroup,
main,menu,nav,section,summary {display: block;}

audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}

audio:not([controls]) {display: none;height: 0;}

[hidden],template {display: none;}

a {background-color: transparent;text-decoration: none;}
a:active, a:hover {outline: 0;}
abbr[title] {border-bottom: 0.1rem dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}

h1 {font-size: 2em;/*margin: 0.67em 0;*/}

mark {background: #ff0;color: #000;}

small {font-size: 80%;}

sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 4rem;}

hr {box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}

button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}

input {line-height: normal;}
input[type='checkbox'],input[type='radio'] {box-sizing: border-box;padding: 0;}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {height: auto;}
input[type='search'] {-webkit-appearance: textfield;box-sizing: content-box;}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {-webkit-appearance: none;}

fieldset {border: 0.1rem solid #c0c0c0;margin: 0 0.2rem;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}

table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}


.animated {animation-duration: 1s;animation-fill-mode: both;}
.animated.fast {animation-duration: 800ms;}
.animated.faster {animation-duration: 500ms;}

    @keyframes slideInUp {
      from {transform: translate3d(0, 100%, 0);visibility: visible;}
      to {transform: translate3d(0, 0, 0)}
    }
    .slideInUp {animation-name: slideInUp;}

    @keyframes fadeIn {
      from {opacity: 0;}
      to {opacity: 1;}
    }
    .fadeIn {animation-name: fadeIn;}

    @keyframes fadeOut {
      from {opacity: 1;}
      to {  opacity: 0;}
    }
    .fadeOut {animation-name: fadeOut;}

    @keyframes slideOutDown {
      from {transform: translate3d(0, 0, 0);}
      to {visibility: hidden;transform: translate3d(0, 100%, 0);}
    }
    .slideOutDown {animation-name: slideOutDown;}

    @keyframes slideOutDownArrow {
      from {transform: translate3d(0, -20%, 0);}
      to {visibility: hidden;transform: translate3d(0, 100%, 0);}
    }
    .slideOutDownArrow {animation-name: slideOutDownArrow;}

    @keyframes slideInOpacity {
      from {transform: translate3d(0, 20%, 0);visibility: hidden;opacity: 0;}
      to {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
    }

    .animated.infinite {animation-iteration-count: infinite;}

    @keyframes audio-wave {
      0% {height: 0.5rem;transform: translateY(0);background: black;}
      25% {height: 2rem;transform: translateY(1rem);background: black;}
      100% {height: 0.5rem;transform: translateY(0);  background: black;}
    }

    @media screen and (min-width: 768px) {
      @keyframes audio-wave {
        0% {height: 0.5rem;transform: translateY(0);background: black;}
        25% {height: 3rem;transform: translateY(1.5rem);background: black;}
        100% {height: 0.5rem;transform: translateY(0);background: black;}
      }
    }

    @keyframes motion01 {
      0% {height: 28%;}
      10% {height: 20%;}
      20% {height: 25%;}
      30% {height: 24%;}
      40% {height: 20%;}
      50% {height: 28%;}
      60% {height: 20%;}
      70% {height: 25%;}
      80% {height: 30%;}
      90% {height: 20%;}
      100% {height: 24%;}
    }

    @keyframes motion {
      0% {height: 50%;}
      10% {height: 40%;}
      20% {height: 45%;}
      30% {height: 60%;}
      40% {height: 40%;}
      50% {height: 50%;}
      60% {height: 45%;}
      70% {height: 60%;}
      80% {height: 50%;}
      90% {height: 60%;}
      100% {height: 40%;}
    }

    @keyframes motion02 {
      0% {height: 20%;}
      10% {height: 30%;}
      20% {height: 25%;}
      30% {height: 20%;}
      40% {height: 25%;}
      50% {height: 20%;}
      60% {height: 24%;}
      70% {height: 28%;}
      80% {height: 30%;}
      90% {height: 20%;}
      100% {height: 28%;}
    }

    @keyframes move {
      0% {width: 0%;left: -0.1rem;right: auto;}
      70% {width: 0%;left: -0.1rem;right: auto;}
      80% {width: calc(100% + 1px);left: -0.1rem;right: auto;}
      90% {width: calc(100% + 1px);right: -0.1rem;  left: auto;}
      100% {width: 0%;right: -0.1rem;  left: auto;}
    }

    @keyframes move2 {
      0% {float: left;}
      70% {float: left;}
      80% {float: left;}
      90% {float: right;}
      100% {float: right;}
    }


.main.top-space {margin-top: 9rem}

.flexmain {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;}
.max-container {width: 100%;max-width: 192rem;margin: 0 auto;}
body:not(.browserSafari.touchable) .flexmain {min-height: 100vh;}
.browserSafari.touchable .flexmain {min-height: 0vh;}

.container {margin: 0 auto;width: 100%;box-sizing: border-box;padding: 0 2.6rem;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;position: relative;}

@media screen and (min-width: 768px) {
  .container {padding: 0 5rem;}
}

.row {display: -ms-flexbox;display: flex;-ms-flex-direction: row;flex-direction: row;}

.swiper-slide {list-style: none;}
.swiper-slide:after {content: ' ';display: block;height: 100%;width: 100%;top: 10%;position: absolute;opacity: 0;left: 0;z-index: 4;pointer-events: none;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 74%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );transition: opacity 0.5s ease-in-out;transition-delay: 0.2s;}

.slider-tmp {position: relative;width: 100%;min-height: 64.2rem;}
.slider-tmp img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}


/* iconos con etiquetas */
.tooltip strong {position:absolute;white-space:nowrap;bottom:-2rem;opacity:0;}
.tooltip .rtve-icons:hover {cursor:pointer;}
.tooltip .rtve-icons:hover + strong {opacity:1;color:#302c2b;}
.tve .tooltip .rtve-icons:hover + strong {color:#fff;}

/**** ****/

/** parrilla **/

#portal {width: 100%;}
#portal a {text-decoration: none;}
#portal .acciones {left: 0;padding: 1rem 2.6rem;background-color: #23201f;z-index: 300;position: relative;pointer-events: initial;width: calc(100% - 3.25rem);height: 70vh;border-top-right-radius: 1rem;border-top-left-radius: 1rem;padding-bottom: 7.4rem;overflow: auto;}

@media only screen and (min-width: 768px) {
  #portal .acciones {top: auto;}
}

#portal .acciones .acciones_interno {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: center;justify-content: center;box-sizing: border-box;width: 100%;left: 0;top: 0;padding-top: 10rem;}
#portal .acciones .acciones_interno div {display: -ms-flexbox;display: flex;-ms-flex-direction: row;flex-direction: row;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;pointer-events: visible;font-family: 'Roboto', sans-serif;font-size: 1.4rem;letter-spacing: -0.005rem;text-align: right;color: #d2d2d2;text-decoration: none;margin-bottom: 2rem;transition: all 0.3s ease-in-out;}
#portal .acciones .acciones_interno div.icon-acciones .svg {transition: all 0.3s ease-in-out;margin-left: 1.8rem;width: 3.2rem;height: 3.2rem;opacity: 0.7;}
#portal .acciones .acciones_interno div:hover.icon-acciones {color: #ffffff;}
#portal .acciones .acciones_interno div:hover.icon-acciones .svg {opacity: 1;}
#portal .acciones .acciones_interno div.descargando {display: none;position: relative;height: 3.2rem;padding-right: 5rem;overflow: hidden;}
#portal .acciones .acciones_interno div.descargando > svg:first-of-type {position: absolute;top: 0;right: 0.7rem;}
#portal .acciones .acciones_interno div.descargando .svg {position: absolute;bottom: -1.4rem;right: 0;}
#portal .acciones .acciones_interno div.descargando .descargando1 {position: absolute;top: -2.3rem;right: 0.7rem;}
#portal .acciones .acciones_interno div.descargando .descargando2 {position: absolute;bottom: 0;right: 0;}
#portal .acciones .acciones_interno div.descargando img {opacity: 0.7;}
#portal .acciones .acciones_interno div.descargado {display: none;}
#portal .acciones .acciones_interno .descargando,
#portal .acciones .acciones_interno .descargado {display: none;}
#portal .acciones .acciones_interno .cerrar {position: absolute;top: 0;right: 1rem;background: #232020;z-index: 1;padding: 1rem;}
#portal .acciones .acciones_interno .quitar-recomendado,
#portal .acciones .acciones_interno .quitar-recomendado-x {display: none;}
#portal .acciones .acciones_interno h2 {font-size: 1.8rem;font-weight: 500;color: #ffffff;padding: 0;margin: 0 0 0.5rem 0;}
#portal .acciones .acciones_interno h3 {font-family: Roboto;font-size: 1.2rem;font-weight: 300;opacity: 0.75;color: #ffffff;padding: 0;margin: 0 0 4.6rem 0;}

@media screen and (orientation: landscape) and (max-width: 869px) {
  #portal .acciones {height: 65vh;}
}

@media screen and (min-width: 870px) {
  #portal .acciones {overflow: initial;height: auto;max-height: none;position: absolute;bottom: 0;left: 58rem;border-radius: 0.4rem;border: #ffffff 0.2rem solid;padding: 0.563rem 1.188rem 0.563rem 1.188rem;background-color: rgba(35, 32, 31, 0.85);z-index: 1;pointer-events: initial;width: 24.8rem;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;}
  #portal .acciones .acciones_interno {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: end;justify-content: flex-end;box-sizing: border-box;padding-top: 0;}
  #portal .acciones .acciones_interno::after {content: '';width: 1.5rem;height: 1.5rem;border-bottom: #ffffff 0.2rem solid;border-left: #ffffff 0.2rem solid;left: -0.6em;bottom: 1.8em;position: absolute;background: #23201f;background: linear-gradient(45deg, rgba(35, 32, 31, 0.85) 0%, #23201f 52%, rgba(35, 32, 31, 0) 54%);transform: rotate(45deg);z-index: 0;}
  #portal .acciones .acciones_interno div {display: -ms-flexbox;display: flex;-ms-flex-direction: row;flex-direction: row;-ms-flex-pack: end;justify-content: flex-end;-ms-flex-align: center;align-items: center;pointer-events: visible;font-family: 'Roboto', sans-serif;font-size: 1.4rem;letter-spacing: -0.005rem;text-align: right;color: #d2d2d2;text-decoration: none;margin-bottom: 1.2rem;transition: all 0.3s ease-in-out;}
  #portal .acciones .acciones_interno div.icon-acciones .svg {transition: all 0.3s ease-in-out;margin-left: 1.8rem;width: 3.2rem;height: 3.2rem;opacity: 0.7;}
  #portal .acciones .acciones_interno div:hover.icon-acciones {color: #ffffff;}
  #portal .acciones .acciones_interno div:hover.icon-acciones .svg {opacity: 1;}
  #portal .acciones .acciones_interno div.descargando {display: none;position: relative;height: 3.2rem;padding-right: 5rem;}
  #portal .acciones .acciones_interno div.descargando > svg:first-of-type {position: absolute;top: 0;right: 0.7rem;}
  #portal .acciones .acciones_interno div.descargando .svg {position: absolute;bottom: -1.4rem;right: 0;}
  #portal .acciones .acciones_interno div.descargado {display: none;}
  #portal .acciones .acciones_interno .agregar-lista {display: -ms-flexbox;display: flex;}
  #portal .acciones .acciones_interno .info-completa,
  #portal .acciones .acciones_interno h2,
  #portal .acciones .acciones_interno h3,
  #portal .acciones .acciones_interno .cerrar,
  #portal .acciones .acciones_interno .quitar-recomendado,
  #portal .acciones .acciones_interno .quitar-recomendado-x {display: none;}
}

#portal .selector-mobile {
  color: white;
  padding: 0;
  background-color: #23201f;
  z-index: 3;
  pointer-events: initial;
  width: 100%;
  height: 82vh;
  border-top-right-radius: 0.625rem;
  border-top-left-radius: 0.625rem;
}

#portal .selector-mobile .selector-mobile-interno h2 {
  font-size: 1.8rem;
  font-weight: 500;
  color: #ffffff;
  padding: 0;
  margin: 0 0 0.3125rem 0;
  display: block;
}

#portal .selector-mobile .selector-mobile-interno h3 {
  font-size: 0.75rem;
  font-weight: 300;
  opacity: 0.75;
  color: #ffffff;
  padding: 0;
  margin: 0 0 2.875rem 0;
}

#portal .selector-mobile .selector-mobile-interno ul {
  padding: 0;
}

#portal .selector-mobile .selector-mobile-interno ul li {
  list-style: none;
  margin-bottom: 1.25rem;
}

#portal .selector-mobile .selector-mobile-interno .cerrar {
  position: absolute;
  top: 1.625rem;
  right: 1.625rem;
}

#portal .selector-mobile .selector-mobile-interno .cerrar svg {
  transition: all 0.3s ease-in-out;
  margin-left: 1.125rem;
  width: 2rem;
  height: 2rem;
  opacity: 0.7;
}

@media screen and (orientation: landscape) and (max-width: 869px) {
  #portal .selector-mobile {
    height: 72vh;
  }
}

.browserSafari .basic-component-based .contenedor-basic-component .mainBox .ima {
  display: block !important;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (orientation: portrait) {
  .browserSafari #portal .selector-mobile {
    height: 72vh;
  }
}

.selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.selector .previo {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-right: 0.8rem;
}

.selector .ss-main {
  color: #ffffff;
}

.selector .ss-main .ss-single-selected {
  height: auto;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  outline: 0;
  box-sizing: border-box;
  transition: background-color 0.2s;
  min-height: 2.2rem;
}

.selector .ss-main .ss-single-selected .placeholder {
  font-weight: bold;
  transition: all 0.3s ease-in-out;
}

.selector .ss-main .ss-single-selected.ss-open-below .placeholder, .selector .ss-main .ss-single-selected.ss-open-above .placeholder {
  text-decoration: none;
}

.selector .ss-main .ss-single-selected .ss-arrow {
  margin-left: 2.4rem;
}

.selector .ss-main .ss-single-selected .ss-arrow span {
  border-color: #ffffff;
  padding: 0.5rem;
}

.selector .ss-main .ss-single-selected.ss-open-below .ss-arrow {
  opacity: 0.5;
}

.selector .ss-main .ss-content {
  box-shadow: 0 0.2rem 1.2rem 0 rgba(0, 0, 0, 0.5);
  border: solid 0.1rem #9b9b9b;
  background-color: #23201f;
  padding: 1.6rem 1rem;
  min-width: 22rem;
  border-radius: 0.3rem;
  margin-top: 1.8rem;
  right: -9.9rem;
}

.selector .ss-main .ss-content:after, .selector .ss-main .ss-content:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.selector .ss-main .ss-content:after {
  border-color: rgba(35, 32, 31, 0);
  border-bottom-color: #23201f;
  border-width: 1.3rem;
  margin-left: -1.3rem;
}

.selector .ss-main .ss-content:before {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 1.4rem;
  margin-left: -1.4rem;
}

.selector .ss-main .ss-content .ss-list {
  max-height: initial;
  text-align: center;
  color: #d2d2d2;
}

.selector .ss-main .ss-content .ss-list .ss-option {
  font-size: 1.4rem;
  font-weight: normal;
  font-style: normal;
  letter-spacing: -0.005rem;
  text-align: center;
  color: #d2d2d2;
  padding: 1rem;
  transition: all 0.3s ease-in-out;
}

.selector .ss-main .ss-content .ss-list .ss-option.ss-disabled {
  color: #d2d2d2;
  background-color: transparent;
}

.selector .ss-main .ss-content .ss-list .ss-option.ss-option-selected {
  color: #ffffff;
  font-weight: bold;
}

.selector .ss-main .ss-content .ss-list .ss-option:hover {
  color: #ffffff;
  background-color: transparent;
}

.selector .ss-main .ss-open-above + .ss-open {
  top: 0;
}

.selector .ss-main .ss-open-above + .ss-open:after, .selector .ss-main .ss-open-above + .ss-open:before {
  bottom: auto;
  top: 100%;
  transform: rotate(180deg);
}

body .ss-content {
  box-shadow: 0 0.2rem 1.2rem 0 rgba(0, 0, 0, 0.5);
  border: solid 0.1rem #9b9b9b;
  background-color: #23201f;
  padding: 1.6rem 1rem;
  min-width: 22rem;
  border-radius: 0.3rem;
  margin-top: 1.8rem;
  right: -9.9rem;
}

body .ss-content:after, body .ss-content:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

body .ss-content:after {
  border-color: rgba(35, 32, 31, 0);
  border-bottom-color: #23201f;
  border-width: 1.3rem;
  margin-left: -1.3rem;
}

body .ss-content:before {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 1.4rem;
  margin-left: -1.4rem;
}

body .ss-content .ss-list {
  max-height: initial;
  text-align: center;
  color: #d2d2d2;
}

body .ss-content .ss-list .ss-option {
  font-size: 1.4rem;
  font-weight: normal;
  font-style: normal;
  letter-spacing: -0.005rem;
  text-align: center;
  color: #d2d2d2;
  padding: 1rem;
  transition: all 0.3s ease-in-out;
}

body .ss-content .ss-list .ss-option.ss-disabled {
  color: #d2d2d2;
  background-color: transparent;
}

body .ss-content .ss-list .ss-option.ss-option-selected {
  color: #ffffff;
  font-weight: bold;
}

body .ss-content .ss-list .ss-option:hover {
  color: #ffffff;
  background-color: transparent;
}

body .ss-content.open-above {
  transform: translate(0, -14px);
}

body .ss-content.open-above:after, body .ss-content.open-above:before {
  bottom: auto;
  top: 100%;
  transform: rotate(180deg);
}

.con-selector:nth-child(2n) {
  position: relative;
  margin-left: 2rem;
  padding-left: 2rem;
}

.con-selector:nth-child(2n):before {
  position: absolute;
  display: inline-block;
  content: '|';
  font-family: 'Roboto', sans-serif;
  font-size: 2.1rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.008rem;
  color: #ffffff;
  font-weight: 300;
  top: -0.1rem;
  left: 0;
}

.con-selector .selector-mobile {
  display: none;
}

@media only screen and (max-width: 768px) {
  .con-selector:nth-child(2n):before {
    opacity: 0.8;
    font-size: 1.7rem;
    top: -0.1rem;
  }
  .con-selector .ss-content.ss-open {
    display: none;
  }
  .con-selector .ss-arrow {
    opacity: 1 !important;
  }
  .con-selector .ss-arrow .arrow-up,
  .con-selector .ss-arrow .arrow-down {
    margin: -0.5rem 0 0 0 !important;
    transform: rotate(45deg) !important;
  }
}

#portal {
  position: relative;
}

#portal::before {
  content: '';
  position: absolute;
  width: 100%;
  min-height: 100vh;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 50;
  transition: all 0.3s ease-in-out;
}

#portal .selector-mobile {
  position: relative;
  z-index: 300 !important;
}

#portal .selector-mobile .selector-mobile-interno {
  position: relative;
  z-index: 300;
  overflow: auto;
  height: 100%;
  width: 100%;
  max-width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  padding-top: 0;
}

#portal .selector-mobile .selector-mobile-interno .inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 2.5rem;
  box-sizing: border-box;
  -ms-flex: auto;
      flex: auto;
}

#portal .selector-mobile .selector-mobile-interno .inner .cerrar {
  position: fixed;
  top: 2.5rem;
  right: 2.5rem;
  opacity: 0.7;
}

#portal .selector-mobile .selector-mobile-interno .inner .cerrar .svg {
  width: 2.4rem;
  height: 2.4rem;
}

#portal .selector-mobile .selector-mobile-interno .inner .titulo {
  font-size: 1.8rem;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 4rem;
  text-transform: uppercase;
}

#portal .selector-mobile .selector-mobile-interno .inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #d2d2d2;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-height: 50vh;
  overflow: auto;
}

#portal .selector-mobile .selector-mobile-interno .inner ul li {
  font-size: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  color: rgba(255, 255, 255, 0.7);
  padding: 1.7rem 0;
  margin-bottom: 0;
}

#portal .selector-mobile .selector-mobile-interno .inner ul li:focus, #portal .selector-mobile .selector-mobile-interno .inner ul li:active, #portal .selector-mobile .selector-mobile-interno .inner ul li:hover {
  color: #ffffff;
  background-color: transparent;
}

#portal .selector-mobile .selector-mobile-interno .inner ul li.current {
  color: #ffffff;
  font-weight: bold;
  padding-right: 3.6rem;
  background-image: url("/css/rtveplay.2021/i/iconos/iconcheck.svg");
  background-repeat: no-repeat;
  background-size: 2.7rem 2.1rem;
  background-position: center right;
}

#portal.slideInUp::before {
  top: -40vh;
  opacity: 1;
}

@media (max-width: 767px) {
  .selector .ss-main .ss-single-selected .ss-arrow {
    margin-left: 1.5rem;
  }
  .selector .ss-main .ss-single-selected .ss-arrow span {
    padding: 0.3rem;
    border-width: 0 0.1rem 0.1rem 0;
  }
  .selector .ss-main .ss-single-selected .ss-arrow span.arrow-down {
    margin: -0.5rem 0 0 0;
  }
  .selector:nth-child(2n):before {
    opacity: 0.8;
    font-size: 1.7rem;
    top: -0.1rem;
  }
}

.menu-filtros {
  position: relative;
  background-color: #000000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-top: 1rem;
}

.menu-filtros ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  height: 2.8rem;
  white-space: nowrap;
  -ms-flex-align: center;
      align-items: center;
}

.menu-filtros ul li {
  width: auto;
  height: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.menu-filtros ul li a,
.menu-filtros ul li div {
  opacity: 0.7;
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.6rem;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  padding: 0.7rem 0.77rem 0.5rem;
  margin: 0 0.4rem;
  border-radius: 0.3rem;
  transition: all 0.3s ease-in-out;
}

.menu-filtros ul li a:hover,
.menu-filtros ul li div:hover {
  opacity: 1;
}

.menu-filtros ul li a.current,
.menu-filtros ul li div.current {
  opacity: 1;
  background-color: #ffffff;
  color: #23201f;
  font-weight: bold;
}

.menu-filtros ul li a:first-child.current,
.menu-filtros ul li div:first-child.current {
  margin-left: 1.1rem;
}

.menu-filtros .canales-letras,
.menu-filtros .dias-canales,
.menu-filtros .categorias,
.menu-filtros .horas {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-height: 7rem;
  box-sizing: border-box;
  overflow: auto;
  width: 100%;
  box-sizing: border-box;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
}

.menu-filtros .canales-letras::-webkit-scrollbar,
.menu-filtros .dias-canales::-webkit-scrollbar,
.menu-filtros .categorias::-webkit-scrollbar,
.menu-filtros .horas::-webkit-scrollbar {
  display: none;
}

.menu-filtros .canales-letras .inner,
.menu-filtros .dias-canales .inner,
.menu-filtros .categorias .inner,
.menu-filtros .horas .inner {
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 1.4rem;
}

@media only screen and (min-width: 768px) {
  .menu-filtros .canales-letras .inner,
  .menu-filtros .dias-canales .inner,
  .menu-filtros .categorias .inner,
  .menu-filtros .horas .inner {
    padding: 0 3.9rem;
  }
}

.menu-filtros .canales-letras .inner.swiper-container,
.menu-filtros .dias-canales .inner.swiper-container,
.menu-filtros .categorias .inner.swiper-container,
.menu-filtros .horas .inner.swiper-container {
  /*Swiper controls*/
}

.menu-filtros .canales-letras .inner.swiper-container::before, .menu-filtros .canales-letras .inner.swiper-container::after,
.menu-filtros .dias-canales .inner.swiper-container::before,
.menu-filtros .dias-canales .inner.swiper-container::after,
.menu-filtros .categorias .inner.swiper-container::before,
.menu-filtros .categorias .inner.swiper-container::after,
.menu-filtros .horas .inner.swiper-container::before,
.menu-filtros .horas .inner.swiper-container::after {
  opacity: 0.9;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0) 100%);
}

.menu-filtros .canales-letras .inner.swiper-container::after,
.menu-filtros .dias-canales .inner.swiper-container::after,
.menu-filtros .categorias .inner.swiper-container::after,
.menu-filtros .horas .inner.swiper-container::after {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0) 100%);
}

.menu-filtros .canales-letras .inner.swiper-container .swiper-button-disabled,
.menu-filtros .dias-canales .inner.swiper-container .swiper-button-disabled,
.menu-filtros .categorias .inner.swiper-container .swiper-button-disabled,
.menu-filtros .horas .inner.swiper-container .swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}

.menu-filtros .canales-letras .inner.swiper-container .swiper-button-next,
.menu-filtros .canales-letras .inner.swiper-container .swiper-button-prev,
.menu-filtros .dias-canales .inner.swiper-container .swiper-button-next,
.menu-filtros .dias-canales .inner.swiper-container .swiper-button-prev,
.menu-filtros .categorias .inner.swiper-container .swiper-button-next,
.menu-filtros .categorias .inner.swiper-container .swiper-button-prev,
.menu-filtros .horas .inner.swiper-container .swiper-button-next,
.menu-filtros .horas .inner.swiper-container .swiper-button-prev {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  height: 100%;
  top: 0.2rem;
  margin-top: 0;
  color: #ffffff;
  width: 5%;
  transition: all 0.3s ease-in-out;
}

.menu-filtros .canales-letras .inner.swiper-container .swiper-button-next::after,
.menu-filtros .canales-letras .inner.swiper-container .swiper-button-prev::after,
.menu-filtros .dias-canales .inner.swiper-container .swiper-button-next::after,
.menu-filtros .dias-canales .inner.swiper-container .swiper-button-prev::after,
.menu-filtros .categorias .inner.swiper-container .swiper-button-next::after,
.menu-filtros .categorias .inner.swiper-container .swiper-button-prev::after,
.menu-filtros .horas .inner.swiper-container .swiper-button-next::after,
.menu-filtros .horas .inner.swiper-container .swiper-button-prev::after {
  transition: all 0.3s ease-in-out;
  position: relative;
  font-size: 2rem;
}

.menu-filtros .canales-letras .inner.swiper-container .swiper-button-prev::after,
.menu-filtros .dias-canales .inner.swiper-container .swiper-button-prev::after,
.menu-filtros .categorias .inner.swiper-container .swiper-button-prev::after,
.menu-filtros .horas .inner.swiper-container .swiper-button-prev::after {
  left: -1.5rem;
}

.menu-filtros .canales-letras .inner.swiper-container .swiper-button-next::after,
.menu-filtros .dias-canales .inner.swiper-container .swiper-button-next::after,
.menu-filtros .categorias .inner.swiper-container .swiper-button-next::after,
.menu-filtros .horas .inner.swiper-container .swiper-button-next::after {
  right: -1.5rem;
}

@media screen and (min-width: 768px) and (hover: hover) {
  .menu-filtros .canales-letras .inner.swiper-container:hover .swiper-button-next,
  .menu-filtros .canales-letras .inner.swiper-container:hover .swiper-button-prev,
  .menu-filtros .dias-canales .inner.swiper-container:hover .swiper-button-next,
  .menu-filtros .dias-canales .inner.swiper-container:hover .swiper-button-prev,
  .menu-filtros .categorias .inner.swiper-container:hover .swiper-button-next,
  .menu-filtros .categorias .inner.swiper-container:hover .swiper-button-prev,
  .menu-filtros .horas .inner.swiper-container:hover .swiper-button-next,
  .menu-filtros .horas .inner.swiper-container:hover .swiper-button-prev {
    opacity: 0.7;
    visibility: visible;
  }
  .menu-filtros .canales-letras .inner.swiper-container:hover .swiper-button-next:hover,
  .menu-filtros .canales-letras .inner.swiper-container:hover .swiper-button-prev:hover,
  .menu-filtros .dias-canales .inner.swiper-container:hover .swiper-button-next:hover,
  .menu-filtros .dias-canales .inner.swiper-container:hover .swiper-button-prev:hover,
  .menu-filtros .categorias .inner.swiper-container:hover .swiper-button-next:hover,
  .menu-filtros .categorias .inner.swiper-container:hover .swiper-button-prev:hover,
  .menu-filtros .horas .inner.swiper-container:hover .swiper-button-next:hover,
  .menu-filtros .horas .inner.swiper-container:hover .swiper-button-prev:hover {
    opacity: 1;
  }
  .menu-filtros .canales-letras .inner.swiper-container:hover .swiper-button-next:hover::after,
  .menu-filtros .canales-letras .inner.swiper-container:hover .swiper-button-prev:hover::after,
  .menu-filtros .dias-canales .inner.swiper-container:hover .swiper-button-next:hover::after,
  .menu-filtros .dias-canales .inner.swiper-container:hover .swiper-button-prev:hover::after,
  .menu-filtros .categorias .inner.swiper-container:hover .swiper-button-next:hover::after,
  .menu-filtros .categorias .inner.swiper-container:hover .swiper-button-prev:hover::after,
  .menu-filtros .horas .inner.swiper-container:hover .swiper-button-next:hover::after,
  .menu-filtros .horas .inner.swiper-container:hover .swiper-button-prev:hover::after {
    transform: scale(1.2);
  }
}

.menu-filtros .canales-letras .inner.swiper-container:hover .swiper-button-next.swiper-button-disabled,
.menu-filtros .canales-letras .inner.swiper-container:hover .swiper-button-prev.swiper-button-disabled,
.menu-filtros .dias-canales .inner.swiper-container:hover .swiper-button-next.swiper-button-disabled,
.menu-filtros .dias-canales .inner.swiper-container:hover .swiper-button-prev.swiper-button-disabled,
.menu-filtros .categorias .inner.swiper-container:hover .swiper-button-next.swiper-button-disabled,
.menu-filtros .categorias .inner.swiper-container:hover .swiper-button-prev.swiper-button-disabled,
.menu-filtros .horas .inner.swiper-container:hover .swiper-button-next.swiper-button-disabled,
.menu-filtros .horas .inner.swiper-container:hover .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}

.menu-filtros .canales-letras::after {
  display: none;
  content: '';
  position: absolute;
  top: 6rem;
  width: calc(100% - 25px);
  right: 0;
  border-bottom: solid 0.1rem rgba(255, 255, 255, 0.5);
}

@media only screen and (min-width: 768px) {
  .menu-filtros .canales-letras::after {
    top: 8.1rem;
    width: calc(100% - 100px);
    right: 5rem;
    display: block;
  }
}

.menu-filtros .horas {
  background-color: #000000;
}

.menu-filtros .horas ul li a,
.menu-filtros .horas ul li div {
  font-size: 1.4rem;
  line-height: 1.4rem;
  margin: 0 2.7rem;
}

.menu-filtros .categorias {
  background-color: #000000;
}

.menu-filtros .dias-canales,
.menu-filtros .categorias {
  display: none;
}

@media only screen and (min-width: 768px) {
  .menu-filtros .dias-canales,
  .menu-filtros .categorias {
    display: -ms-flexbox;
    display: flex;
  }
}

.menu-filtros .mobile {
  background-color: #000000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 2.5rem 1.8rem;
  padding: 0 2.5rem 0;
  min-height: 5rem;
}

@media only screen and (min-width: 575px) {
  .menu-filtros .mobile {
    min-height: 7rem;
    padding-bottom: 0.8rem;
  }
}

@media only screen and (min-width: 768px) {
  .menu-filtros .mobile {
    display: none;
  }
}

.menu-filtros .mobile .con-selector:nth-child(2n)::before {
  display: none;
}

.menu-filtros .mobile .con-selector {
  width: 50%;
}

@media only screen and (min-width: 575px) {
  .menu-filtros .mobile .con-selector {
    width: auto;
  }
}

.menu-filtros .mobile .con-selector .selector .ss-main .ss-single-selected .placeholder {
  -ms-flex: inherit;
      flex: inherit;
  font-weight: normal;
  width: auto;
  font-size: 1.6rem;
}

.menu-filtros.en-guia .canales-letras {
  -ms-flex-pack: start;
      justify-content: flex-start;
  min-height: 5rem;
}

@media only screen and (min-width: 575px) {
  .menu-filtros.en-guia .canales-letras {
    min-height: 7rem;
  }
}

@media only screen and (min-width: 768px) {
  .menu-filtros.en-guia .canales-letras {
    -ms-flex-pack: center;
        justify-content: center;
  }
}

.menu-filtros.en-guia .canales-letras::after {
  width: calc(100% - 50px);
  top: 10.1rem;
  right: 2.5rem;
}

@media only screen and (min-width: 768px) {
  .menu-filtros.en-guia .canales-letras::after {
    top: 7.1rem;
    width: calc(100% - 100px);
    right: 5rem;
  }
}

.menu-filtros.en-guia .horas,
.menu-filtros.en-guia .dias-canales {
  display: none;
}

@media only screen and (min-width: 768px) {
  .menu-filtros.en-guia .horas,
  .menu-filtros.en-guia .dias-canales {
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 767px) {
  .menu-filtros.en-guia .dias-canales .inner,
  .menu-filtros.en-guia .canales-letras .inner {
    margin: 0;
  }
  .menu-filtros.en-guia .dias-canales .inner ul,
  .menu-filtros.en-guia .canales-letras .inner ul {
    text-align: left;
  }
}

.menu-filtros .tit-mobile {
  display: -ms-flexbox;
  display: flex;
  margin: 0 2.5rem 0.7rem;
  padding-bottom: 0.5rem;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: -0.006rem;
  color: #ffffff;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
  .menu-filtros .tit-mobile {
    display: none;
  }
}

#portal .sub-menu {
  display: none;
}

#portal .selector-mobile .selector-mobile-interno.en-filtros {
  overflow: initial;
}

#portal .selector-mobile .selector-mobile-interno.en-filtros .inner {
  padding-top: 8rem;
  -ms-flex-pack: start;
      justify-content: flex-start;
  max-height: 100%;
}

#portal .selector-mobile .selector-mobile-interno.en-filtros .inner ul {
  -ms-flex: initial;
      flex: initial;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: auto;
}

#portal .selector-mobile .selector-mobile-interno.en-filtros .inner .subnavbutton {
  position: relative;
  margin: 2rem 0;
  cursor: pointer;
}

#portal .selector-mobile .selector-mobile-interno.en-filtros .inner .subnavbutton span {
  font-weight: normal;
  pointer-events: none;
  margin-left: 0.2rem;
  text-transform: none;
}

#portal .selector-mobile .selector-mobile-interno.en-filtros .inner .subnavbutton::after {
  content: '';
  position: absolute;
  top: -0.3rem;
  right: 0.4rem;
  border: solid #ffffff;
  border-width: 0 0.2rem 0.2rem 0;
  display: inline-block;
  padding: 0.7rem;
  transition: transform 0.2s, margin 0.2s, top 0.2s;
  transform: rotate(45deg);
  opacity: 0.7;
}

#portal .selector-mobile .selector-mobile-interno.en-filtros .inner .subnavbutton.active::after {
  top: 0.8rem;
  transform: rotate(225deg);
}

#portal .selector-mobile .selector-mobile-interno.en-filtros .inner .subnavbutton.no-arrow::after {
  display: none;
}

.radiobolastop {
  margin-top: 3.5rem;
  margin-bottom: 0rem;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .radiobolastop {
    margin-top: 6.9rem;
  }
}

.sticky-wrap-filters {
  transition: transform 0.3s ease-in-out;
  padding-top: 0;
}

.sticky-wrap-filters.enaz #sticky-menu::before, .sticky-wrap-filters.enaz #sticky-menu::after {
  display: none !important;
}

.sticky-wrap-filters.radiobolas {
  min-height: 31rem;
}

@media only screen and (min-width: 575px) {
  .sticky-wrap-filters.radiobolas {
    min-height: 29rem;
  }
}

@media only screen and (min-width: 768px) {
  .sticky-wrap-filters.radiobolas {
    min-height: 38rem;
  }
}

.sticky-wrap-filters #sticky-menu {
  width: 100%;
  z-index: 200;
  background-color: #000000;
  transition: transform 0.3s ease-in-out;
  top: 7rem;
  padding-top: 0;
  z-index: 99;
}

.sticky-wrap-filters #sticky-menu::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -7rem;
  height: 7rem;
  width: 15rem;
  display: block;
  background-color: transparent;
  z-index: 92;
}

@media (max-width: 767px) {
  .sticky-wrap-filters #sticky-menu::before {
    display: none;
  }
}

.sticky-wrap-filters #sticky-menu::after {
  content: '';
  position: absolute;
  right: 0;
  top: 21rem;
  height: 100vh;
  width: 5rem;
  display: block;
  background-color: #000000;
  z-index: 92;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .sticky-wrap-filters #sticky-menu::after {
    display: none;
  }
}

.horas-wrap {
  min-height: 7rem;
}

.sticky-active .sticky-wrap-filters #sticky-menu {
  position: fixed;
}

@media (max-width: 767px) {
  .sticky-active .sticky-wrap-filters #sticky-menu {
    top: 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 869px) {
  .sticky-active .sticky-wrap-filters #sticky-menu {
    position: relative;
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .sticky-active .plantilla-guia-tv .guia-row:after {
    background: #000000;
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 9rem;
    left: 0;
    bottom: -7rem;
    z-index: 99;
  }
}

.sticky-active .plantilla-guia-tv .guia-row .canales-izq {
  z-index: 92;
}

.sticky-active .plantilla-guia-tv .guia-row .guia-swiper .horas-wrap .row-canal.horas {
  z-index: 90;
  width: calc(100% - 200px);
  box-sizing: border-box;
  transition: transform 0.3s ease-in-out;
}

.sticky-active .plantilla-guia-tv .guia-row .guia-swiper .horas-wrap .row-canal.horas.sticky-horas {
  position: fixed;
}

@media screen and (orientation: landscape) and (max-width: 869px) {
  .sticky-active .plantilla-guia-tv .guia-row .guia-swiper .horas-wrap .row-canal.horas {
    position: relative;
    width: 100%;
  }
  .sticky-active .plantilla-guia-tv .guia-row .guia-swiper .horas-wrap .row-canal.horas::before {
    display: none;
  }
}

.sticky-active .footer {
  position: relative;
  z-index: 90;
  padding-top: 5rem;
}

.sticky-active .plantilla-guia-tv {
  margin-bottom: 0;
}

.plantilla-a-z {
  /*background-color: $negro-calido;*/
}

.plantilla-a-z .menu-filtros {
  z-index: 20;
}

.plantilla-a-z .canales-letras {
  min-height: 5rem;
}

@media only screen and (min-width: 575px) {
  .plantilla-a-z .canales-letras {
    min-height: 7rem;
  }
}

.plantilla-a-z .grilla-container {
  background-color: #000000;
}

.plantilla-a-z .grilla-container + .container {
  background-color: #000000;
}

.plantilla-a-z .grilla-container + .container .grilla-bottom {
  margin-bottom: 10rem;
}

@media only screen and (min-width: 768px) {
  .plantilla-a-z .grilla-container + .container .grilla-bottom {
    margin-bottom: 4rem;
  }
}

.rtveRadio .sticky-wrap-filters #sticky-menu {
  background-color: transparent;
}

.rtveRadio .sticky-wrap-filters #sticky-menu::before {
  display: none;
}

.rtveRadio .sticky-wrap-filters #sticky-menu::after {
  display: none;
}

.rtveRadio .menu-filtros {
  background-color: transparent;
}

.rtveRadio .menu-filtros ul li a,
.rtveRadio .menu-filtros ul li div {
  color: #23201f;
  font-weight: 500;
}

.rtveRadio .menu-filtros ul li a.current,
.rtveRadio .menu-filtros ul li div.current {
  background-color: #23201f;
  color: #ffffff;
  font-weight: normal;
}

.rtveRadio .menu-filtros .canales-letras .inner.swiper-container::before, .rtveRadio .menu-filtros .canales-letras .inner.swiper-container::after,
.rtveRadio .menu-filtros .dias-canales .inner.swiper-container::before,
.rtveRadio .menu-filtros .dias-canales .inner.swiper-container::after,
.rtveRadio .menu-filtros .categorias .inner.swiper-container::before,
.rtveRadio .menu-filtros .categorias .inner.swiper-container::after,
.rtveRadio .menu-filtros .horas .inner.swiper-container::before,
.rtveRadio .menu-filtros .horas .inner.swiper-container::after {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0) 100%);
}

.rtveRadio .menu-filtros .canales-letras .inner.swiper-container::after,
.rtveRadio .menu-filtros .dias-canales .inner.swiper-container::after,
.rtveRadio .menu-filtros .categorias .inner.swiper-container::after,
.rtveRadio .menu-filtros .horas .inner.swiper-container::after {
  background: linear-gradient(to left, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0) 100%);
}

.rtveRadio .menu-filtros .canales-letras .inner.swiper-container .swiper-button-next,
.rtveRadio .menu-filtros .canales-letras .inner.swiper-container .swiper-button-prev,
.rtveRadio .menu-filtros .dias-canales .inner.swiper-container .swiper-button-next,
.rtveRadio .menu-filtros .dias-canales .inner.swiper-container .swiper-button-prev,
.rtveRadio .menu-filtros .categorias .inner.swiper-container .swiper-button-next,
.rtveRadio .menu-filtros .categorias .inner.swiper-container .swiper-button-prev,
.rtveRadio .menu-filtros .horas .inner.swiper-container .swiper-button-next,
.rtveRadio .menu-filtros .horas .inner.swiper-container .swiper-button-prev {
  color: #23201f;
}

.rtveRadio .menu-filtros .canales-letras {
  min-height: 5rem;
}

@media only screen and (min-width: 575px) {
  .rtveRadio .menu-filtros .canales-letras {
    min-height: 7rem;
  }
}

.rtveRadio .menu-filtros .canales-letras::after {
  display: block;
  top: 5.1rem;
  width: calc(100% - 50px);
  right: 2.5rem;
  border-bottom: solid 0.1rem rgba(48, 44, 43, 0.3);
}

@media only screen and (min-width: 575px) {
  .rtveRadio .menu-filtros .canales-letras::after {
    top: 7.1rem;
    border-bottom: solid 0.1rem rgba(35, 32, 31, 0.45);
  }
}

@media only screen and (min-width: 768px) {
  .rtveRadio .menu-filtros .canales-letras::after {
    top: 7.1rem;
    width: calc(100% - 100px);
    right: 5rem;
  }
}

.rtveRadio .menu-filtros .dias-canales::after {
  display: none;
  content: '';
  position: absolute;
  bottom: 7rem;
  width: calc(100% - 25px);
  right: 0;
  border-bottom: solid 0.1rem #302c2b;
}

@media only screen and (min-width: 768px) {
  .rtveRadio .menu-filtros .dias-canales::after {
    top: 7.1rem;
    width: calc(100% - 100px);
    right: 5rem;
    display: block;
    pointer-events: none;
  }
}

.rtveRadio .menu-filtros .horas {
  background-color: #ebebeb;
}

.rtveRadio .menu-filtros .categorias {
  background-color: #ffffff;
}

.rtveRadio .menu-filtros .mobile {
  background-color: #ffffff;
  min-height: 5rem;
}

@media only screen and (min-width: 575px) {
  .rtveRadio .menu-filtros .mobile {
    min-height: 7rem;
  }
}

.rtveRadio .menu-filtros .mobile .con-selector .selector .ss-main {
  color: rgba(35, 32, 31, 0.87);
}

.rtveRadio .menu-filtros .mobile .con-selector .selector .ss-single-selected .ss-arrow span {
  border-color: rgba(35, 32, 31, 0.53);
}

.rtveRadio .menu-filtros.en-parrilla .canales-letras {
  min-height: 13.6rem;
}

@media only screen and (min-width: 575px) {
  .rtveRadio .menu-filtros.en-parrilla .canales-letras {
    min-height: 14rem;
  }
}

@media only screen and (min-width: 768px) {
  .rtveRadio .menu-filtros.en-parrilla .canales-letras {
    min-height: 17rem;
  }
}

.rtveRadio .menu-filtros.en-parrilla .canales-letras::after {
  display: none;
}

.rtveRadio .menu-filtros.en-parrilla .canales-letras ul {
  height: auto;
}

.rtveRadio .menu-filtros.en-parrilla .canales-letras ul li a {
  position: relative;
  width: 8.8rem;
  height: 8.8rem;
  border-radius: 9rem;
  border: solid 0.2rem #ebebeb;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 0;
  opacity: 1;
  margin: 0 0.7rem;
}

@media only screen and (min-width: 575px) {
  .rtveRadio .menu-filtros.en-parrilla .canales-letras ul li a {
    width: 8rem;
    height: 8rem;
    border-radius: 8.2rem;
    margin: 0 1.3rem;
  }
}

@media only screen and (min-width: 768px) {
  .rtveRadio .menu-filtros.en-parrilla .canales-letras ul li a {
    width: 10rem;
    height: 10rem;
    border-radius: 10.2rem;
    margin: 0 1.7rem;
  }
}

.rtveRadio .menu-filtros.en-parrilla .canales-letras ul li a span {
  font-size: 0;
  width: 8.8rem;
  height: 8.8rem;
  border-radius: 9rem;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0.06;
  background: linear-gradient(to right, #181818 0%, white 100%);
}

@media only screen and (min-width: 575px) {
  .rtveRadio .menu-filtros.en-parrilla .canales-letras ul li a span {
    width: 8rem;
    height: 8rem;
    border-radius: 8.2rem;
  }
}

@media only screen and (min-width: 768px) {
  .rtveRadio .menu-filtros.en-parrilla .canales-letras ul li a span {
    width: 10rem;
    height: 10rem;
    border-radius: 10.2rem;
  }
}

.rtveRadio .menu-filtros.en-parrilla .canales-letras ul li a:hover span {
  transition: opacity 0.3s ease-in-out;
  opacity: 0.15;
}

.rtveRadio .menu-filtros.en-parrilla .canales-letras ul li a .svg {
  height: 4.5rem;
  width: 4.5rem;
  margin-left: 0.3rem;
}

@media only screen and (min-width: 575px) {
  .rtveRadio .menu-filtros.en-parrilla .canales-letras ul li a .svg {
    width: 4rem;
    height: 4rem;
  }
}

@media only screen and (min-width: 768px) {
  .rtveRadio .menu-filtros.en-parrilla .canales-letras ul li a .svg {
    height: 5rem;
    width: 5rem;
  }
}

.rtveRadio .menu-filtros.en-parrilla .canales-letras ul li a .svg path {
  fill: url(#my-gradient) #d3252a;
}

.rtveRadio .menu-filtros.en-parrilla .canales-letras ul li a .svg.radio4 {
  width: 5.5rem;
}

.rtveRadio .menu-filtros.en-parrilla .canales-letras ul li a .svg.rne {
  margin-top: 3.1rem;
  margin-left: 0;
  height: 6.2rem;
  width: 6.2rem;
}

@media only screen and (min-width: 575px) {
  .rtveRadio .menu-filtros.en-parrilla .canales-letras ul li a .svg.rne {
    margin-top: 3.1rem;
    width: 5.7rem;
    height: 5.7rem;
  }
}

@media only screen and (min-width: 768px) {
  .rtveRadio .menu-filtros.en-parrilla .canales-letras ul li a .svg.rne {
    margin-top: 3.6rem;
    height: 6.7rem;
    width: 6.7rem;
  }
}

.rtveRadio .menu-filtros.en-parrilla .canales-letras ul li a.current {
  border-color: transparent;
  background: none;
  /*   border: none;

                                width: rem(92px);
                                height: rem(92px);
                                @media only screen and (min-width: 575px) {
                                    width: rem(84px);
                                    height: rem(84px);
                                }
                                @media only screen and (min-width: 768px) {
                                    width: rem(104px);
                                    height: rem(104px);
                                }*/
}

.rtveRadio .menu-filtros.en-parrilla .canales-letras ul li a.current span {
  /* width: rem(92px);
                                    height: rem(92px);*/
  opacity: 1 !important;
  background: linear-gradient(to right, #a30950 0%, #ff4200 100%) !important;
  /*  @media only screen and (min-width: 575px) {
                                        width: rem(84px);
                                        height: rem(84px);
                                    }
                                    @media only screen and (min-width: 768px) {
                                        width: rem(104px);
                                        height: rem(104px);
                                    }*/
}

.rtveRadio .menu-filtros.en-parrilla .canales-letras ul li a.current .svg {
  transform: scale(1.1);
}

.rtveRadio .menu-filtros.en-parrilla .canales-letras ul li a.current .svg path {
  fill: #ffffff;
}

.rtveRadio .menu-filtros.en-parrilla .canales-letras .swiper-button-next,
.rtveRadio .menu-filtros.en-parrilla .canales-letras .swiper-button-prev {
  -ms-flex-align: center;
      align-items: center;
  top: 0;
}

.rtveRadio .menu-filtros.en-parrilla .dias-canales::after {
  display: none;
}

.rtveRadio .menu-filtros.en-parrilla .dias-canales.separa {
  position: relative;
}

.rtveRadio .menu-filtros.en-parrilla .dias-canales.separa::after {
  display: none;
  content: '';
  position: absolute;
  top: 0;
  width: calc(100% - 25px);
  right: 0;
  border-bottom: solid 0.1rem #e3dfdc;
}

@media only screen and (min-width: 768px) {
  .rtveRadio .menu-filtros.en-parrilla .dias-canales.separa::after {
    top: 0;
    width: calc(100% - 100px);
    right: 5rem;
    display: block;
  }
}

.rtveRadio .menu-filtros.en-parrilla .mobile {
  padding-left: 2.5rem;
}

@media only screen and (min-width: 575px) {
  .rtveRadio .menu-filtros.en-parrilla .mobile {
    padding-left: 9.8rem;
  }
}

@media only screen and (min-width: 768px) {
  .rtveRadio .menu-filtros.en-parrilla .mobile {
    padding-left: 5rem;
  }
}

.rtveRadio #portal::before {
  background-color: rgba(255, 255, 255, 0.7);
}

.rtveRadio #portal .selector-mobile {
  color: #23201f;
  background-color: #ffffff;
}

.rtveRadio #portal .selector-mobile .selector-mobile-interno.en-filtros .inner .cerrar .svg path, .rtveRadio #portal .selector-mobile .selector-mobile-interno.defila .inner .cerrar .svg path {
  fill: #23201f;
}

.rtveRadio #portal .selector-mobile .selector-mobile-interno.en-filtros .inner .titulo, .rtveRadio #portal .selector-mobile .selector-mobile-interno.defila .inner .titulo {
  font-weight: bold;
  color: #23201f;
}

.rtveRadio #portal .selector-mobile .selector-mobile-interno.en-filtros .inner .subnavbutton::after, .rtveRadio #portal .selector-mobile .selector-mobile-interno.defila .inner .subnavbutton::after {
  border-color: #23201f;
}

.rtveRadio #portal .selector-mobile .selector-mobile-interno.en-filtros .inner ul li, .rtveRadio #portal .selector-mobile .selector-mobile-interno.defila .inner ul li {
  color: rgba(35, 32, 31, 0.7);
}

.rtveRadio #portal .selector-mobile .selector-mobile-interno.en-filtros .inner ul li.current, .rtveRadio #portal .selector-mobile .selector-mobile-interno.defila .inner ul li.current {
  color: #23201f;
  background-image: url("/css/rtveplay.2021/i/iconos/iconcheckblack.svg");
}

.rtveRadio.parrilla-on .sticky-wrap-filters {
  padding-top: 0;
  min-height: 16.9rem;
}

@media (max-width: 767px) {
  .rtveRadio.parrilla-on .sticky-wrap-filters {
    min-height: 6.9rem;
  }
}

.rtveRadio.parrilla-on .sticky-wrap-filters #sticky-menu {
  padding-top: 0;
}

.rtveRadio .sticky-wrap-filters.enaz #sticky-menu {
  top: 7rem;
  padding-top: 0;
}

@media (max-width: 767px) {
  .rtveRadio .sticky-wrap-filters.enaz #sticky-menu {
    top: 0;
  }
}

@media (min-width: 768px) {
  .bodyscrolled .rtveRadio.parrilla-on .sticky-wrap-filters #sticky-menu {
    position: relative;
  }
}

.sticky-active .rtveRadio.parrilla-on .sticky-wrap-filters #sticky-menu {
  position: fixed;
}

@media (min-width: 768px) {
  .sticky-active .rtveRadio.parrilla-on .sticky-wrap-filters #sticky-menu {
    padding-top: 0;
    top: 7rem;
  }
}

.bodyscrolled .rtveRadio .menu-filtros {
  background: white;
}

#portal {
  display: none;
}

@media (max-width: 768px) {
  #portal {
    position: fixed;
    bottom: 74px;
    z-index: 1;
    display: block;
  }
  .selector .ss-main {
    pointer-events: none;
  }
}

@media (max-width: 869px) {
  #portal {
    position: fixed;
    bottom: 0;
    z-index: 200;
    display: block;
  }
}

/**
 * Swiper 5.3.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 29, 2020
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  -ms-flex-direction: column;
      flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -ms-flex-align: start;
      align-items: flex-start;
  transition-property: transform, height;
}

.swiper-container-3d {
  perspective: 120rem;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: rem(44px);
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 1rem;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 1rem;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 1rem;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 1rem;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical
> .swiper-pagination-bullets
.swiper-pagination-bullet {
  margin: 0.6rem 0;
  display: block;
}

.swiper-container-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 0.8rem;
}

.swiper-container-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet {
  margin: 0 0.4rem;
}

.swiper-container-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-container-horizontal.swiper-container-rtl
> .swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl
.swiper-pagination-progressbar
.swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 0.4rem;
  left: 0;
  top: 0;
}

.swiper-container-horizontal
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 0.4rem;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 1rem;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 0.3rem;
  z-index: 50;
  height: 0.5rem;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 0.3rem;
  top: 1%;
  z-index: 50;
  width: 0.5rem;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 1rem;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 4.2rem;
  height: 4.2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -2.1rem;
  margin-top: -2.1rem;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 0.4rem solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.row-info {
  display: none;
}

.plantilla-guia-tv {
  margin-top: 10rem;
  margin-bottom: 3rem;
}

.plantilla-guia-tv .guia-row {
  background: #000000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  padding-right: 0;
  z-index: 0;
}

.plantilla-guia-tv .guia-row .canales-izq {
  display: none;
}

.plantilla-guia-tv .guia-row .horas-izq {
  display: block;
  width: 9.2rem;
}

.plantilla-guia-tv .guia-row .horas-izq.tv-guia-canales {
  display: none;
}

.plantilla-guia-tv .guia-row .horas-izq ul {
  list-style: none;
  margin: 0.2rem 0 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.plantilla-guia-tv .guia-row .horas-izq ul li {
  opacity: 0.8;
  font-family: 'Roboto', sans-serif;
  font-size: 1.4rem;
  line-height: 1.7rem;
  letter-spacing: normal;
  color: #ffffff;
  height: 7.8rem;
  margin: 0 0 1.2rem 2.5rem;
}

@media only screen and (max-width: 767px) {
  .plantilla-guia-tv .guia-row .guia-swiper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex: 2;
        flex: 2;
    margin-right: 2.5rem;
    margin-bottom: 6rem;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .horas.row-canal,
  .plantilla-guia-tv .guia-row .guia-swiper .horas-wrap {
    display: none;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .tv-guia-canales {
    display: none;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .swiper-slide {
    width: 100%;
    height: auto;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .swiper-slide::after {
    display: none;
  }
}

.plantilla-guia-tv .sticky-wrap-filters #sticky-menu {
  transition: transform 0.3s ease-in-out !important;
}

.plantilla-guia-tv .sticky-wrap-filters #sticky-menu:after {
  transition: transform 0.3s ease-in-out !important;
}

.plantilla-guia-tv .horas-wrap .row-canal.horas {
  transition: transform 0.3s ease-in-out !important;
}

.guia-tv {
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  overflow: hidden;
}

.guia-tv .item {
  cursor: pointer;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  height: 10.4rem;
  margin-right: 0.5rem;
  box-sizing: border-box;
  border-radius: 0.3rem;
  background-color: #564f4c;
  border: solid 0.2rem transparent;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

.guia-tv .item .preview {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 10rem;
  height: 10rem;
  border-radius: 0.3rem;
  background-color: #000000;
}

.guia-tv .item .preview .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.guia-tv .item .preview .svg {
  position: relative;
  width: 3rem;
  height: 3.8rem;
  border-radius: 0.3rem;
  opacity: 1;
  z-index: 30;
}

.guia-tv .item .preview .svg path {
  fill: #ffffff;
}

.guia-tv .item .preview::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 49% 54%, rgba(0, 0, 0, 0), #000000 119%);
  transition: all 0.3s ease-in-out;
}

.guia-tv .item .txtBox {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0.4rem 1.4rem;
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
}

.guia-tv .item .txtBox h2 {
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #ffffff;
}

.guia-tv .item .txtBox h2 .maintitle {
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.1rem;
  color: #ffffff;
}

.guia-tv .item .txtBox h2 .no-disp {
  display: none;
}

.guia-tv .item .txtBox .pubBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.guia-tv .item .txtBox .pubBox .cat-detalle {
  margin: 0.1rem 0 0.3rem;
  font-family: 'Roboto', sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.7rem;
  color: #00c6d7;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
}

.guia-tv .item .txtBox .pubBox .horario {
  font-family: 'Roboto', sans-serif;
  font-size: 1.2rem;
  color: #ffffff;
  line-height: 1.6rem;
}

.guia-tv .item.trigger .preview {
  display: none;
}

.guia-tv .item-inner.disponible .item, .guia-tv .item-inner.no-disponible .item {
  background-color: #242020;
}

.guia-tv .item-inner.disponible .item.trigger .txtBox h2, .guia-tv .item-inner.no-disponible .item.trigger .txtBox h2 {
  opacity: 0.9;
  color: #ffffff;
}

.guia-tv .item-inner.disponible .item.trigger .txtBox .pubBox .cat-detalle, .guia-tv .item-inner.no-disponible .item.trigger .txtBox .pubBox .cat-detalle {
  opacity: 0.75;
  color: #ffffff;
}

.guia-tv .item-inner.disponible .item.trigger .txtBox .pubBox .horario, .guia-tv .item-inner.no-disponible .item.trigger .txtBox .pubBox .horario {
  opacity: 0.9;
}

.guia-tv .item-inner.color-la-1 .item .txtBox .pubBox .cat-detalle {
  color: #00b8ff;
}

@media (max-width: 767px) {
  .guia-tv .item-inner.color-la-1.disponible .item .txtBox .pubBox .cat-detalle {
    color: #00b8ff !important;
  }
}

.guia-tv .item-inner.color-la-1 + div .item .txtBox .pubBox .cat-detalle {
  color: #00b8ff;
}

.guia-tv .item-inner.color-la-2 .item .txtBox .pubBox .cat-detalle {
  color: #00c6d7;
}

@media (max-width: 767px) {
  .guia-tv .item-inner.color-la-2.disponible .item .txtBox .pubBox .cat-detalle {
    color: #00c6d7 !important;
  }
}

.guia-tv .item-inner.color-la-2 + div .item .txtBox .pubBox .cat-detalle {
  color: #00c6d7;
}

.guia-tv .item-inner.color-24h .item .txtBox .pubBox .cat-detalle {
  color: #ff4200;
}

@media (max-width: 767px) {
  .guia-tv .item-inner.color-24h.disponible .item .txtBox .pubBox .cat-detalle {
    color: #ff4200 !important;
  }
}

.guia-tv .item-inner.color-24h + div .item .txtBox .pubBox .cat-detalle {
  color: #ff4200;
}

.guia-tv .item-inner.color-tve .item .txtBox .pubBox .cat-detalle {
  color: #0476ff;
}

@media (max-width: 767px) {
  .guia-tv .item-inner.color-tve.disponible .item .txtBox .pubBox .cat-detalle {
    color: #0476ff !important;
  }
}

.guia-tv .item-inner.color-tve + div .item .txtBox .pubBox .cat-detalle {
  color: #0476ff;
}

.guia-tv .item-inner.color-clan .item .txtBox .pubBox .cat-detalle {
  color: #ff00ff;
}

@media (max-width: 767px) {
  .guia-tv .item-inner.color-clan.disponible .item .txtBox .pubBox .cat-detalle {
    color: #ff00ff !important;
  }
}

.guia-tv .item-inner.color-clan + div .item .txtBox .pubBox .cat-detalle {
  color: #ff00ff;
}

.guia-tv .item-inner.color-tdp .item .txtBox .pubBox .cat-detalle {
  color: #ff8000;
}

@media (max-width: 767px) {
  .guia-tv .item-inner.color-tdp.disponible .item .txtBox .pubBox .cat-detalle {
    color: #ff8000 !important;
  }
}

.guia-tv .item-inner.color-tdp + div .item .txtBox .pubBox .cat-detalle {
  color: #ff8000;
}

@media (max-width: 767px) {
  .guia-tv {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .guia-tv .item-wrap a {
    text-decoration: none !important;
  }
  .guia-tv .item-wrap .item-inner[aria-expanded='true'] .item, .guia-tv .item-wrap .item-inner:focus .item, .guia-tv .item-wrap .item-inner:active .item {
    background-color: #23201f;
  }
  .guia-tv .item-wrap .item-inner[aria-expanded='true'] .item.trigger, .guia-tv .item-wrap .item-inner:focus .item.trigger, .guia-tv .item-wrap .item-inner:active .item.trigger {
    opacity: 1;
  }
  .guia-tv .item-wrap .item-inner[aria-expanded='true'] .item.trigger .preview::before, .guia-tv .item-wrap .item-inner:focus .item.trigger .preview::before, .guia-tv .item-wrap .item-inner:active .item.trigger .preview::before {
    opacity: 0.4;
  }
  .guia-tv .item-wrap .item-inner.disponible[aria-expanded='true'] .item.trigger, .guia-tv .item-wrap .item-inner.disponible:focus .item.trigger, .guia-tv .item-wrap .item-inner.disponible:active .item.trigger, .guia-tv .item-wrap .item-inner.no-disponible[aria-expanded='true'] .item.trigger, .guia-tv .item-wrap .item-inner.no-disponible:focus .item.trigger, .guia-tv .item-wrap .item-inner.no-disponible:active .item.trigger {
    border: solid 0.1rem #9b9b9b;
    background-color: #000000;
  }
  .guia-tv .item-wrap .item-inner.disponible[aria-expanded='true'] .item.trigger > *, .guia-tv .item-wrap .item-inner.disponible:focus .item.trigger > *, .guia-tv .item-wrap .item-inner.disponible:active .item.trigger > *, .guia-tv .item-wrap .item-inner.no-disponible[aria-expanded='true'] .item.trigger > *, .guia-tv .item-wrap .item-inner.no-disponible:focus .item.trigger > *, .guia-tv .item-wrap .item-inner.no-disponible:active .item.trigger > * {
    opacity: 1;
  }
  .guia-tv .item-wrap .item-inner.disponible .item.trigger, .guia-tv .item-wrap .item-inner.no-disponible .item.trigger {
    border-color: transparent;
  }
  .guia-tv .item-wrap .item-inner.disponible .item.trigger .txtBox .pubBox .cat-detalle, .guia-tv .item-wrap .item-inner.no-disponible .item.trigger .txtBox .pubBox .cat-detalle {
    margin-top: 0.6rem;
    color: #00c6d7;
    opacity: 1 !important;
  }
  .guia-tv .item-wrap .item-inner.no-disponible[aria-expanded='true'] .item.trigger, .guia-tv .item-wrap .item-inner.no-disponible:focus .item.trigger, .guia-tv .item-wrap .item-inner.no-disponible:active .item.trigger {
    background-color: #23201f;
    opacity: 1;
  }
  .guia-tv .item-wrap .item-inner.no-disponible[aria-expanded='true'] .item.trigger > *, .guia-tv .item-wrap .item-inner.no-disponible:focus .item.trigger > *, .guia-tv .item-wrap .item-inner.no-disponible:active .item.trigger > * {
    opacity: 1;
  }
  .guia-tv .item-wrap .item-inner.no-disponible[aria-expanded='true'] .item.trigger .preview::before, .guia-tv .item-wrap .item-inner.no-disponible:focus .item.trigger .preview::before, .guia-tv .item-wrap .item-inner.no-disponible:active .item.trigger .preview::before {
    opacity: 0;
  }
  .guia-tv .item-wrap .item-inner.no-disponible .item.trigger .preview img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
  }
  .guia-tv .item-wrap .item-inner.no-disponible .item.trigger .preview::before {
    background-color: #9b9b9b;
    opacity: 0.25;
  }
  .guia-tv .item-wrap .item-inner.no-disponible .item.trigger .preview .icon {
    display: none;
  }
  .guia-tv .item-wrap .item-inner.no-disponible .item.trigger .txtBox .pubBox .cat-detalle {
    color: #ffffff;
  }
  .guia-tv .item {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    min-width: 100%;
    margin-bottom: 1.2rem;
    height: 7.8rem;
  }
  .guia-tv .item.trigger {
    width: auto !important;
    border: 0.1rem solid #ffffff;
  }
  .guia-tv .item.trigger .preview {
    display: -ms-flexbox;
    display: flex;
    width: 7.6rem;
    height: 7.6rem;
  }
  .guia-tv .item.trigger .preview .svg {
    width: 2rem;
    height: 2.5rem;
  }
  .guia-tv .item.trigger .preview::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: black;
    transition: opacity 0.3s ease-in-out;
    z-index: 10;
  }
  .guia-tv .item .txtBox {
    padding: 0.4rem 1.2rem !important;
  }
  .guia-tv .item .txtBox .pubBox .horario {
    display: none;
  }
  .guia-tv .item .txtBox h2 {
    line-height: 1.9rem;
    max-height: 3.8rem;
    max-width: 100%;
    text-overflow: inherit;
    white-space: normal;
  }
  .guia-tv .item .txtBox h2 .maintitle {
    line-height: 1.9rem;
  }
  .guia-tv .item .txtBox h2 .no-disp {
    display: inline-block;
    font-weight: 500;
  }
  .guia-tv .item .icon-mas {
    display: none;
  }
}

.guia-tv .swiper-container {
  overflow: initial;
  max-width: 100%;
  background-color: #000000;
}

.guia-tv .swiper-container::after, .guia-tv .swiper-container::before {
  display: none;
}

@media (max-width: 767px) {
  .guia-tv .swiper-container {
    margin: 0;
    width: 100%;
  }
  .guia-tv .swiper-container .swiper-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.item-wrap.swiper-slide {
  width: auto;
}

@media only screen and (min-width: 768px) {
  .plantilla-guia-tv {
    margin-top: 10rem;
    margin-bottom: 3rem;
  }
  .plantilla-guia-tv .guia-row {
    background: #000000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    padding-right: 0;
    z-index: 0;
    padding-right: 5rem;
    position: relative;
  }
  .plantilla-guia-tv .guia-row .canales-izq {
    display: none;
    display: block;
    position: relative;
    background-color: #000000;
    min-width: 15rem;
  }
  .plantilla-guia-tv .guia-row .canales-izq ul {
    list-style: none;
    margin: 7rem 0 0;
    padding: 0;
  }
  .plantilla-guia-tv .guia-row .canales-izq ul li {
    margin-bottom: 3rem;
  }
  .plantilla-guia-tv .guia-row .canales-izq ul li a {
    opacity: 0.7;
    height: 10.4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    transition: opacity 0.3s ease-in-out;
  }
  .plantilla-guia-tv .guia-row .canales-izq ul li a:hover {
    opacity: 1;
  }
  .plantilla-guia-tv .guia-row .canales-izq ul li .svg {
    height: 3rem;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .plantilla-guia-tv .guia-row .canales-izq ul li.info-abierta {
    margin-bottom: 27.2rem;
  }
}

@media only screen and (min-width: 768px) {
  .plantilla-guia-tv .guia-row .horas-izq {
    display: none !important;
  }
  .plantilla-guia-tv .guia-row .horas-izq.tv-guia-canales {
    display: none;
  }
  .plantilla-guia-tv .guia-row .guia-swiper {
    -ms-flex-positive: 2;
        flex-grow: 2;
    -ms-flex-direction: column;
        flex-direction: column;
    display: -ms-flexbox;
    display: flex;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info {
    background: #000000;
    height: 26rem;
    margin-bottom: 0.6rem;
    margin-top: -2.4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    position: relative;
    z-index: 118;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .cerrar {
    width: 2.4rem;
    height: 2.4rem;
    cursor: pointer;
    position: absolute;
    top: 2rem;
    right: 2rem;
    z-index: 1;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .plantilla-guia-tv .guia-row .guia-swiper .row-info {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .poster {
    width: 12.8rem;
    height: 20.1rem;
    border-radius: 0.3rem;
    margin-right: 2.7rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .poster img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .fondo {
    position: absolute;
    right: 0;
    height: 100%;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .fondo img {
    object-fit: contain;
    height: 100%;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .fondo:before {
    content: '';
    width: 100%;
    opacity: 0.2;
    height: 100%;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    background: black;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .fondo:after {
    content: '';
    width: 80%;
    height: 100%;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    background-image: linear-gradient(to right, black 3%, rgba(0, 0, 0, 0));
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info {
    z-index: 1;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info p {
    max-width: 70.5rem;
    width: 100%;
    margin: 2rem 0 2.4rem;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.44;
    letter-spacing: -0.07px;
    color: #fff;
    margin-top: 0;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info p.segunda-linea {
    font-size: 1.6rem;
    display: inline-block;
    width: auto;
    margin-right: 1.5rem;
    margin-top: 0;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .button-line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    position: relative;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .conten-etiquetas {
    display: inline-block;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .conten-etiquetas .redad {
    display: inline-block;
    border-radius: 0.2rem;
    width: 3.1rem;
    padding: 0.1rem 0.2rem 0;
    border-width: 1px;
    border-style: solid;
    font-size: 1.4rem;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.005rem;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    margin-right: 1rem;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .conten-etiquetas .trait .cal-hd {
    background-color: #000000;
    border-radius: 0.3rem;
    border: #ffffff 0.1rem solid;
    display: inline-block;
    font-size: 1.4rem;
    color: #ffffff;
    font-weight: bold;
    padding: 0 0.8rem;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .conten-etiquetas .mas01 {
    background-color: #18ba5d;
    border-color: #18ba5d;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .conten-etiquetas .mas12 {
    background-color: #c8ab00;
    border-color: #c8ab00;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .conten-etiquetas .mas07 {
    background-color: #07f;
    border-color: #07f;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .conten-etiquetas .mas18 {
    background-color: #c43;
    border-color: #c43;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .conten-etiquetas .la-1 {
    width: 12rem;
    height: 6.3rem;
    margin-left: -3.8rem;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info button {
    opacity: 0.85;
    width: 23.4rem;
    height: 3.8rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    position: relative;
    text-transform: uppercase;
    color: #000000;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: 1.1rem 1.6rem;
    background-position: center left 1.1rem;
    border-radius: 0.3rem;
    font-size: 1.6rem;
    border: none;
    font-weight: bold;
    cursor: pointer;
    z-index: 2;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info button:hover {
    opacity: 1;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info button::before {
    position: absolute;
    left: 0;
    content: ' ';
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background-image: url("/css/rtveplay.2021/i/iconos/icon-play.svg");
    background-repeat: no-repeat;
    background-size: 2rem 2.5rem;
    background-position: center left 1.4rem;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .icon_info svg,
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .icon_info .svg {
    width: 4rem;
    height: 4rem;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .circulo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: 3.2rem;
    height: 3.2rem;
    margin-left: 2rem;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .circulo .svg {
    width: 3.2rem;
    height: 3.2rem;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .circulo .svg * {
    transition: all 0.3s ease-in-out;
  }
}

@media only screen and (min-width: 768px) and (hover: hover) {
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .circulo:hover .svg .icon {
    fill: #000000;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .circulo:hover .svg .circle {
    fill: #ffffff;
  }
}

@media only screen and (min-width: 768px) {
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones {
    top: -20vh;
    top: auto;
    left: 0;
    padding: 1rem 2.6rem;
    background-color: #23201f;
    z-index: 3;
    pointer-events: initial;
    width: calc(100% - 3.25rem);
    height: 70vh;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    overflow: auto;
    position: absolute;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    box-sizing: border-box;
    width: 100%;
    left: 0;
    top: 0;
    padding-top: 10rem;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    pointer-events: visible;
    font-family: 'Roboto', sans-serif;
    font-size: 1.4rem;
    letter-spacing: -0.005rem;
    text-align: right;
    color: #d2d2d2;
    text-decoration: none;
    margin-bottom: 2rem;
    transition: all 0.3s ease-in-out;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno div.icon-acciones .svg {
    transition: all 0.3s ease-in-out;
    margin-left: 1.8rem;
    width: 3.2rem;
    height: 3.2rem;
    opacity: 0.7;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno div:hover.icon-acciones {
    color: #ffffff;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno div:hover.icon-acciones .svg {
    opacity: 1;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno div.descargando {
    display: none;
    position: relative;
    height: 32px;
    padding-right: 50px;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno div.descargando > svg:first-of-type {
    position: absolute;
    top: 0px;
    right: 7px;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno div.descargando .svg {
    position: absolute;
    bottom: -14px;
    right: 0;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno div.descargado {
    display: none;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno .cerrar {
    position: absolute;
    top: 0.6rem;
    right: 2.6rem;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno .quitar-recomendado,
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno .quitar-recomendado-x {
    display: none;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno h2 {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    padding: 0;
    margin: 0 0 0.5rem 0;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno h3 {
    font-family: Roboto;
    font-size: 1.2rem;
    font-weight: 300;
    opacity: 0.75;
    color: #ffffff;
    padding: 0;
    margin: 0 0 4.6rem 0;
  }
}

@media only screen and (min-width: 768px) and (orientation: landscape) and (max-width: 869px) {
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones {
    height: 50vh;
    top: -60vh;
  }
}

@media only screen and (min-width: 768px) and (min-width: 870px) {
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones {
    overflow: initial;
    height: auto;
    max-height: none;
    position: absolute;
    top: -9.8rem;
    left: 31.5rem;
    border-radius: 0.4rem;
    border: #ffffff 0.2rem solid;
    padding: 0.563rem 1.188rem 0.563rem 1.188rem;
    background-color: rgba(35, 32, 31, 0.85);
    z-index: 1;
    pointer-events: initial;
    width: 24.8rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: end;
        justify-content: flex-end;
    box-sizing: border-box;
    padding-top: 0;padding-right:3rem;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno::after {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    border-bottom: #ffffff 0.2rem solid;
    border-left: #ffffff 0.2rem solid;
    left: -1rem;
    bottom: 1.8rem;
    position: absolute;
    background: #23201f;
    background: linear-gradient(45deg, rgba(35, 32, 31, 0.85) 0%, #23201f 52%, rgba(35, 32, 31, 0) 54%);
    transform: rotate(45deg);
    z-index: 0;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-align: center;
        align-items: center;
    pointer-events: visible;
    font-family: 'Roboto', sans-serif;
    font-size: 1.4rem;
    letter-spacing: -0.005rem;
    text-align: right;
    color: #d2d2d2;
    text-decoration: none;
    margin-bottom: 1.2rem;
    transition: all 0.3s ease-in-out;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno div.icon-acciones {
    cursor: pointer;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno div.icon-acciones .svg {
    transition: all 0.3s ease-in-out;
    margin-left: 1.8rem;
    width: 3.2rem;
    height: 3.2rem;
    opacity: 0.7;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno div:hover.icon-acciones {
    color: #ffffff;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno div:hover.icon-acciones .svg {
    opacity: 1;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno div.descargando {
    display: none;
    position: relative;
    height: 32px;
    padding-right: 50px;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno div.descargando > svg:first-of-type {
    position: absolute;
    top: 0px;
    right: 7px;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno div.descargando .svg {
    position: absolute;
    bottom: -14px;
    right: 0;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno div.descargado {
    display: none;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno .agregar-lista {
    display: -ms-flexbox;
    display: flex;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno .info-completa,
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno h2,
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno h3,
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno .cerrar,
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno .quitar-recomendado,
  .plantilla-guia-tv .guia-row .guia-swiper .row-info .content-row-info .acciones .acciones_interno .quitar-recomendado-x {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    padding-bottom: 3rem;
    position: relative;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal:hover, .plantilla-guia-tv .guia-row .guia-swiper .row-canal.hovered {
    z-index: 50;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas {
    min-height: 7rem;
    padding-bottom: 0;
    z-index: 100;
    position: relative;
    /*Swiper controls*/
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas .swiper-container::after, .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas .swiper-container::before {
    display: block;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas.bottom {
    margin-top: -3rem;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas.bottom .swiper-wrapper div.current::after {
    content: '';
    position: absolute;
    top: -66.4rem;
    left: calc(50% - 1px);
    z-index: 20;
    width: 0.1rem;
    height: 66.4rem;
    font-size: 0;
    display: block;
    background: #ffffff;
    opacity: 1;
  }
}

/*footer*/
.rtve-icons {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
}

[class*="icon"] .rtve-icons {opacity: 0.67;}

@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas.bottom .swiper-wrapper div.current.info-abierta::after {
    top: -93.6rem;
    height: 93.6rem;
  }
}

@media only screen and (min-width: 768px) {
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas:not(.bottom) {
    z-index: 101 !important;
    width: 100%;
    max-width: 172rem;
    box-sizing: border-box;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas:not(.bottom).sticky-horas {
    position: fixed;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas .swiper-button-next,
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas .swiper-button-prev {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    opacity: 0.7;
    height: 100%;
    top: 0;
    margin-top: 0;
    color: #ffffff;
    width: 3rem;
    transition: opacity 0.3s ease-in-out;
    outline: none !important;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas .swiper-button-next::after,
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas .swiper-button-prev::after {
    transition: all 0.3s ease-in-out;
    position: relative;
    font-size: 2rem;
    top: -0.1rem;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas .swiper-button-next.swiper-button-disabled,
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas .swiper-button-prev.swiper-button-disabled {
    opacity: 0.2;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas .swiper-button-prev {
    left: 0;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas .swiper-button-next {
    right: 0;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas:hover .swiper-button-next,
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas:hover .swiper-button-prev {
    opacity: 0.7;
    visibility: visible;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas:hover .swiper-button-next:hover,
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas:hover .swiper-button-prev:hover {
    opacity: 1;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas:hover .swiper-button-next:hover::after,
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas:hover .swiper-button-prev:hover::after {
    transform: scale(1.2);
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas:hover .swiper-button-next.swiper-button-disabled,
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas:hover .swiper-button-prev.swiper-button-disabled {
    opacity: 0.2;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas .swiper-wrapper {
    min-height: 7rem;
    -ms-flex-align: center;
        align-items: center;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas .swiper-wrapper div {
    opacity: 0.7;
    width: auto;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    letter-spacing: 0.018rem;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    padding: 0.6rem 0.6rem 0.4rem;
    border-radius: 0.3rem;
    transition: all 0.3s ease-in-out;
    font-size: 1.4rem;
    line-height: 1.4rem;
    margin: -0.3rem 3.6rem 0;
    position: relative;
    max-height: 2.5rem;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas .swiper-wrapper div.current {
    opacity: 1;
    background-color: #ffffff;
    color: rgba(35, 32, 31, 0.7);
    font-weight: bold;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas .swiper-wrapper div.current.swiper-slide-visible::after {
    content: '';
    position: absolute;
    top: 2.4rem;
    left: calc(50% - 1px);
    z-index: 20;
    width: 0.1rem;
    height: 2.4rem;
    font-size: 0;
    display: block;
    background: #ffffff;
    opacity: 1;
  }
  .plantilla-guia-tv .guia-row .guia-swiper .row-canal.horas .swiper-wrapper div.current.swiper-slide-visible::before {
    content: '';
    position: absolute;
    top: -2.4rem;
    left: calc(50% - 1px);
    z-index: 20;
    width: 0.1rem;
    height: 2.4rem;
    font-size: 0;
    display: block;
    background: black;
    opacity: 1;
  }
  .plantilla-guia-tv .sticky-wrap-filters #sticky-menu {
    transition: transform 0.3s ease-in-out !important;
  }
  .plantilla-guia-tv .sticky-wrap-filters #sticky-menu:after {
    transition: transform 0.3s ease-in-out !important;
  }
  .plantilla-guia-tv .horas-wrap .row-canal.horas {
    transition: transform 0.3s ease-in-out !important;
  }
  .guia-tv {
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    overflow: hidden;
  }
  .guia-tv .item {
    cursor: pointer;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    height: 10.4rem;
    margin-right: 0.5rem;
    box-sizing: border-box;
    border-radius: 0.3rem;
    background-color: #564f4c;
    border: solid 0.2rem transparent;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
  }
  .guia-tv .item .preview {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    width: 10rem;
    height: 10rem;
    border-radius: 0.3rem;
    background-color: #000000;
  }
  .guia-tv .item .preview .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .guia-tv .item .preview .svg {
    position: relative;
    width: 3rem;
    height: 3.8rem;
    border-radius: 0.3rem;
    opacity: 1;
    z-index: 30;
  }
  .guia-tv .item .preview .svg path {
    fill: #ffffff;
  }
  .guia-tv .item .preview::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 49% 54%, rgba(0, 0, 0, 0), #000000 119%);
    transition: all 0.3s ease-in-out;
  }
  .guia-tv .item .txtBox {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 0.4rem 1.4rem;
    -ms-flex: 1;
        flex: 1;
    min-width: 0;
  }
  .guia-tv .item .txtBox h2 {
    margin: 0;
    padding: 0;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #ffffff;
  }
  .guia-tv .item .txtBox h2 .maintitle {
    font-family: 'Roboto', sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.1rem;
    color: #ffffff;
  }
  .guia-tv .item .txtBox h2 .no-disp {
    display: none;
  }
  .guia-tv .item .txtBox .pubBox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .guia-tv .item .txtBox .pubBox .cat-detalle {
    margin: 0.1rem 0 0.3rem;
    font-family: 'Roboto', sans-serif;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.7rem;
    color: #00c6d7;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
  }
  .guia-tv .item .txtBox .pubBox .horario {
    font-family: 'Roboto', sans-serif;
    font-size: 1.2rem;
    color: #ffffff;
    line-height: 1.6rem;
  }
  .guia-tv .item .icon-mas {
    position: absolute;
    bottom: 0.7rem;
    right: 0.7rem;
  }
  .guia-tv .item .icon-mas .svg {
    width: 1.7rem;
    height: 1.7rem;
  }
  .guia-tv .item.sin-mas .icon-mas {
    display: none;
  }
  .guia-tv .item.minimo .txtBox {
    top: -0.8rem;
    padding: 0.4rem 0.1rem 0.4rem 0.6rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .guia-tv .item.minimo {
    min-width: 2.7rem;
  }
  .guia-tv .item.minimo .icon-mas {
    right: 0.3rem;
  }
  .guia-tv .item.minimo .txtBox {
    padding: 0.4rem;
  }
  .guia-tv .item.minimo .txtBox h2 {
    text-overflow: unset;
  }
  .guia-tv .item.minimo .txtBox h2 .maintitle {
    display: inline-block;
    visibility: hidden;
    max-width: 1em;
  }
  .guia-tv .item.minimo .txtBox h2 .maintitle:first-letter {
    visibility: visible;
  }
  .guia-tv .item.minimo .txtBox .pubBox .cat-detalle {
    margin-left: 0.3rem;
    text-overflow: unset;
    display: inline-block;
    visibility: hidden;
    max-width: 1em;
  }
  .guia-tv .item.minimo .txtBox .pubBox .cat-detalle:first-letter {
    visibility: visible;
  }
}

@media only screen and (min-width: 768px) {
  .guia-tv .item.peq .pubBox .horario {
    display: none;
  }
  .guia-tv .item.peq .txtBox {
    top: -0.8rem;
  }
  .guia-tv .item.tooltip {
    width: 35rem;
    border: solid 0.2rem #ffffff;
    box-shadow: 0 0.2rem 3rem 0 rgba(0, 0, 0, 0.7);
  }
  .guia-tv .item.trigger .preview {
    display: none;
  }
  .guia-tv .item-inner .item.active {
    border: solid 0.1rem white;
  }
  .guia-tv .item-inner[aria-expanded='true'] .item.trigger, .guia-tv .item-inner:hover .item.trigger {
    opacity: 0.4;
  }
  .guia-tv .item-inner.disponible[aria-expanded='true'] .item.trigger, .guia-tv .item-inner.disponible:hover .item.trigger, .guia-tv .item-inner.no-disponible[aria-expanded='true'] .item.trigger, .guia-tv .item-inner.no-disponible:hover .item.trigger {
    opacity: 1;
    background-color: #151313;
  }
  .guia-tv .item-inner.disponible[aria-expanded='true'] .item.trigger > *, .guia-tv .item-inner.disponible:hover .item.trigger > *, .guia-tv .item-inner.no-disponible[aria-expanded='true'] .item.trigger > *, .guia-tv .item-inner.no-disponible:hover .item.trigger > * {
    opacity: 0.4;
  }
  .guia-tv .item-inner.disponible .item, .guia-tv .item-inner.no-disponible .item {
    background-color: #242020;
  }
  .guia-tv .item-inner.disponible .item.trigger .txtBox h2, .guia-tv .item-inner.no-disponible .item.trigger .txtBox h2 {
    opacity: 0.9;
    color: #ffffff;
  }
  .guia-tv .item-inner.disponible .item.trigger .txtBox .pubBox .cat-detalle, .guia-tv .item-inner.no-disponible .item.trigger .txtBox .pubBox .cat-detalle {
    opacity: 0.75;
    color: #ffffff;
  }
  .guia-tv .item-inner.disponible .item.trigger .txtBox .pubBox .horario, .guia-tv .item-inner.no-disponible .item.trigger .txtBox .pubBox .horario {
    opacity: 0.9;
  }
  .guia-tv .item-inner.disponible + div .tooltip, .guia-tv .item-inner.no-disponible + div .tooltip {
    background-color: #23201f;
    border: solid 0.2rem #808080;
  }
  .guia-tv .item-inner.no-disponible[aria-expanded='true'] .item.trigger, .guia-tv .item-inner.no-disponible:hover .item.trigger {
    opacity: 1;
    background-color: #332f2d;
  }
  .guia-tv .item-inner.no-disponible[aria-expanded='true'] .item.trigger > *, .guia-tv .item-inner.no-disponible:hover .item.trigger > * {
    opacity: 0.4;
  }
  .guia-tv .item-inner.no-disponible[aria-expanded='true'] .item.trigger .icon-mas, .guia-tv .item-inner.no-disponible:hover .item.trigger .icon-mas {
    opacity: 0.15;
  }
  .guia-tv .item-inner.no-disponible + div .tooltip .preview img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
  }
  .guia-tv .item-inner.no-disponible + div .tooltip .preview .icon {
    display: none;
  }
  .guia-tv .item-inner.no-disponible + div .tooltip .txtBox h2 {
    opacity: 0.8;
  }
  .guia-tv .item-inner.no-disponible + div .tooltip .txtBox .pubBox .cat-detalle {
    opacity: 0.8;
    color: #ffffff !important;
  }
  .guia-tv .item-inner.no-disponible + div .tooltip .txtBox .pubBox .horario {
    opacity: 0.8;
  }
  .guia-tv .item-inner.no-disponible.older[aria-expanded='true'] .item.trigger, .guia-tv .item-inner.no-disponible.older:hover .item.trigger {
    opacity: 1;
    background-color: #151313;
  }
  .guia-tv .item-inner.no-disponible.older[aria-expanded='true'] .item.trigger > *, .guia-tv .item-inner.no-disponible.older:hover .item.trigger > * {
    opacity: 0.4;
  }
  .guia-tv .item-inner.no-disponible.older[aria-expanded='true'] .item.trigger .icon-mas, .guia-tv .item-inner.no-disponible.older:hover .item.trigger .icon-mas {
    opacity: 0.15;
  }
  .guia-tv .item-inner.no-disponible.older + div .tooltip {
    background-color: #23201f;
    border: solid 0.2rem #808080;
  }
  .guia-tv .item-inner.no-disponible.older + div .tooltip .txtBox h2 {
    opacity: 0.7;
  }
  .guia-tv .item-inner.no-disponible.older + div .tooltip .txtBox .pubBox .cat-detalle {
    opacity: 0.7;
  }
  .guia-tv .item-inner.no-disponible.older + div .tooltip .txtBox .pubBox .horario {
    opacity: 0.7;
  }
  .guia-tv #guia-horas-bottom .swiper-button-next {
    right: 0;
  }
  .menu-filtros .dias-canales .descargar {
    display: none;
    color: #ffffff;
    line-height: 1rem;
    font-size: 1.6rem;
    font-weight: bold;
    margin-left: 1rem;
    position: absolute;
    right: 4.3rem;
    cursor: pointer;
  }
  .menu-filtros .dias-canales .descargar .trigger {
    font-weight: bold;
  }
  .menu-filtros .dias-canales .descargar .content-flecha {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .menu-filtros .dias-canales .descargar .content-flecha .flecha {
    border: #fff solid;
    border-width: 0 0.1rem 0.1rem 0;
    display: inline-block;
    padding: 0.3rem;
    transform: rotate(45deg);
    transition: transform 0.2s, margin 0.2s;
    vertical-align: top;
  }
  .menu-filtros .dias-canales .descargar .menu-descargar {
    display: none;
    width: 22.1rem;
    height: 34.3rem;
    box-shadow: 0 0.2rem 1.2rem 0 rgba(0, 0, 0, 0.5);
    border: solid 0.2rem #e3dfdc;
    background-color: #23201f;
    position: absolute;
    top: 4rem;
    z-index: 1000;
    right: -1.4rem;
    padding: 2rem;
    text-align: center;
    box-sizing: content-box;
  }
  .menu-filtros .dias-canales .descargar .menu-descargar h5 {
    padding: 0;
    margin: 0;
    font-size: 1.4rem;
    font-weight: normal;
    color: #d2d2d2;
    text-align: left;
    line-height: 1.21;
  }
  .menu-filtros .dias-canales .descargar .menu-descargar ul {
    padding: 0;
    margin: 0;
    display: block;
    height: auto;
  }
  .menu-filtros .dias-canales .descargar .menu-descargar ul li {
    list-style: none;
    display: block;
    text-align: left;
  }
  .menu-filtros .dias-canales .descargar .menu-descargar ul li a {
    line-height: 3.95;
    display: block;
    text-align: left;
    font-size: 1.4rem;
    margin: 0;
    padding: 0;
    position: relative;
  }
  .menu-filtros .dias-canales .descargar .menu-descargar ul li a span {
    display: none;
  }
  .menu-filtros .dias-canales .descargar .menu-descargar ul li a span .svg {
    width: 1.8rem;
    height: 2.4rem;
    fill: #fff;
    position: absolute;
    right: 0;
    top: 1rem;
  }
  .menu-filtros .dias-canales .descargar .menu-descargar ul li a.active {
    opacity: 1;
  }
  .menu-filtros .dias-canales .descargar .menu-descargar ul li a.active span {
    display: block;
  }
  .menu-filtros .dias-canales .descargar .menu-descargar button {
    width: 100%;
    height: 3.8rem;
    border-radius: 0.4rem;
    background: transparent;
    border: solid 0.2rem rgba(255, 255, 255, 0.5);
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.018rem;
    color: #fff;
    text-transform: uppercase;
  }
  .menu-filtros .dias-canales .descargar .menu-descargar button:hover {
    border: solid 0.2rem white;
  }
  .menu-filtros .dias-canales .descargar .menu-descargar:after {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    border-bottom: #ffffff 0.2rem solid;
    border-left: #ffffff 0.2rem solid;
    right: 1.6rem;
    top: -1rem;
    position: absolute;
    background: #23201f;
    background: linear-gradient(45deg, rgba(35, 32, 31, 0.85) 0%, #23201f 52%, rgba(35, 32, 31, 0) 54%);
    transform: rotate(135deg);
    z-index: 0;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1440px) {
  .menu-filtros .dias-canales .descargar {
    display: block;
  }
  .menu-filtros .dias-canales .descargar.opened .menu-descargar {
    display: block;
  }
  .menu-filtros .dias-canales .descargar.opened .descargar .content-flecha .flecha {
    transform: rotate(-135deg);
    margin: 0.3rem 0 0 0;
  }
}