.lunera{position:relative;height:100vh;overflow:hidden;}
/************cara A***************/
.lunera.light .caraB , .lunera .caraB  {display:none;}
.lunera.dark .caraB  {display:block;}
.lunera.light .caraB .circle{animation:caras 4s reverse;opacity:0;
-webkit-animation:caras 4s reverse;opacity:0;
    -moz-animation:caras 4s reverse;opacity:0;
    -ms-animation:caras 4s reverse;opacity:0;
    -o-animation:caras 4s reverse;opacity:0;
}
.lunera.light .caraA .circle{animation:caras 4s forwards;opacity:0;
    -webkit-animation:caras 4s forwards;opacity:0;
       -moz-animation:caras 4s forwards;opacity:0;
        -ms-animation:caras 4s forwards;opacity:0;
         -o-animation:caras 4s forwards;opacity:0;
}
/************cara B***************/
.lunera.dark .caraA .circle{animation:caras 4s reverse;display:none;opacity:0;
    -webkit-animation: caras 4s reverse;display:none;opacity:0;
       -moz-animation: caras 4s reverse;display:none;opacity:0;
        -ms-animation:caras 4s reverse;display:none;opacity:0;
         -o-animation:caras 4s reverse;display:none;opacity:0;}
.lunera.dark .caraB .circle{animation:caras 4s forwards;opacity:0;
    -webkit-animation:animation:caras 4s forwards;opacity:0;
       -moz-animation:animation:caras 4s forwards;opacity:0;
        -ms-animation:animation:caras 4s forwards;opacity:0;
         -o-animation:animation:caras 4s forwards;opacity:0;}
[class*='lunera'] [class*='cara'] .circle:nth-of-type(1){animation-delay:5.2s;}
[class*='lunera'] [class*='cara'] .circle:nth-of-type(2){animation-delay:5.9s;}
[class*='lunera'] [class*='cara'] .circle:nth-of-type(3){animation-delay:4.7s;}
[class*='lunera'] [class*='cara'] .circle:nth-of-type(4){animation-delay:5.5s;}
[class*='lunera'] [class*='cara'] .circle:nth-of-type(5){animation-delay:4.2s;}
[class*='lunera'] [class*='cara'] .circle:nth-of-type(6){animation-delay:3.9s;}
[class*='lunera'] [class*='cara'] .circle:nth-of-type(7){animation-delay:3.7s;}
[class*='lunera'] [class*='cara'] .circle:nth-of-type(8){animation-delay:3.5s;}

/*animacion pins*/
@keyframes caras{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-webkit-keyframes caras{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes caras{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-ms-keyframes caras{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-o-keyframes caras{
    0%{opacity:0;}
    100%{opacity:1;}
}

.lunera .caraA ,.lunera .caraB {position:absolute;top:20%;left:0;right:0;bottom:0;margin:auto;width:50rem;height:50rem;z-index:2;border-radius:50%;}
.lunera .caraA .circle ,.lunera .caraB .circle {position:absolute;width:auto;height:auto;display:inline-block;cursor: pointer;}
.lunera [class*='cara'] .circle strong{line-height: 1.3;font-family:'Roboto Condensed',sans-serif;display:block;opacity:0;font-size:1.6rem;text-align:center;left:4%;position:relative;width:30rem;z-index:1;font-weight:400;border-radius:0 2rem 2rem 0;padding:.4rem 2rem;transition:all .9s;margin-top:-10.5%;pointer-events: none;}
.lunera .caraA .circle.show strong,.lunera .caraB .circle.show strong {opacity:1;}
.lunera.light .circle strong , .lunera .circle strong {background:#464746;color:#fff;z-index:0;}
.lunera.dark .circle strong {z-index:0;background:#fff;color:#333;}
.lunera .circle .img img{transition:.3s all;opacity:1;width:auto;height:4rem;position:absolute;top:-3.2rem;left:0rem;transition:all .9s;z-index:1;}
.lunera .circle:hover .img img{height:5rem;z-index: 1;}
.lunera .circle:hover strong{opacity:1;left:5.5%;z-index:0;top:.1rem;}
.lunera.light .circle:hover strong:before .lunera .circle:hover strong:before{background:#464746;}
/*espacio**************************************************************************************/
.lunera .espacio {position:absolute;width:100%;height:110%;top:0%;background:url('http://img2.rtve.es/css/rtve.2019.noticias/50-llegada-luna-TE_S50ANLN/i/TE_S50ANLN_bg.jpg') #0b0d10;background-size:110%;transition:all 8s;background-position:50% 50%;}
.lunera.dark .espacio{background-position:30% 50%;}

/*luna*************************************************************************/
.lunera #moon{transition:3.5s all;transition-delay:2s;width:50rem;height:50rem;position:absolute;top:60%;left:50%;border-radius:50%;overflow:hidden;margin-left:-25rem;margin-top:-25rem;}
.lunera.dark #moon{transition:3.5s all;transition-delay:3s;}
/*boton caras************************************************************************/
.lunera .boton {left:75%;z-index:4;position:absolute;display:inline-block;top:0;margin-top:6rem;}
.lunera .toggle {position:relative;display:inline-block;width: 8rem;padding:.4rem;border-radius:4rem;overflow:hidden;transition:all .1s;cursor:pointer;}
.lunera .toggle:hover,.lunera .toggle:focus {-webkit-box-shadow:0 0 .5rem #fff;box-shadow:0 0 .5rem #fff;}
.lunera .toggle-bg {position: absolute;top:-.01rem;left:0rem;width:100%;height:100%;border-radius:4rem;border:.3rem solid;transition:all .1s cubic-bezier(.25, .46, .45, .94);}
.lunera .toggle-input {position:absolute;right: 2rem;top: 6rem;width:100%;height:100%;z-index:2;}
.lunera .boton p {text-align: center;color:#fff;font-size:2rem;position:absolute;top:100%;left:8%;display:inline-block;width:auto;font-family:'Roboto Condensed',sans-serif;text-transform:uppercase;width:8rem;left:2%;}
.lunera .boton p:after{content: "Pulsa para ver la otra cara de la Luna";display:block;width:8.8rem;left:-.5rem;padding:0;position:relative;text-transform:none;margin-top:.5rem;font-size:1.6rem;}
.lunera .toggle-switch {position:relative;width: 3rem;height:3rem;margin:.4rem;background-color:#fff1c2;border-radius:50%;transition:all .5s;}
.lunera.dark .toggle-input ~ .toggle-switch{background:#989494;margin-left:3.8rem;}
.lunera.light .toggle-input ~ .toggle-switch , .lunera .toggle-input ~ .toggle-switch {margin-left:.2rem;}
.lunera .toggle-input ~ .toggle-bg {background-color: transparent;border-color: #fff;}
/**************************Enlaces y card*********************************************************/
.lunera [class*='cara'] li.card{overflow:hidden;background:#111;transition:.2s all;position:absolute;width:0vw;height:40rem;bottom:0;border-radius:2rem;left:-25%;z-index:1;}
.lunera.dark [class*='cara'] li.card{color:#111;}
.lunera [class*='cara'] li.hide.card {opacity:0;display:none;}
.lunera [class*='cara'] li.show.card {opacity:1;display:block;animation:tarjeta .2s forwards;
    -webkit-animation:tarjeta .2s forwards;
       -moz-animation:tarjeta .2s forwards;
        -ms-animation:tarjeta .2s forwards;
         -o-animation:tarjeta .2s forwards;
}
.lunera li.card .cerrar, .lunera.dark li.card .cerrar:hover {cursor:pointer;padding:.7rem 1rem;position:absolute;right:0;top:0;font-weight:600;font-size:2rem;text-transform:uppercase;color:#fff;background:#666;border-radius:50%;line-height:1;margin:.5rem;transition:.1s all;}
.lunera li.card .cerrar:hover ,.lunera.dark li.card .cerrar{color:#666;background-color:#fff;}
.lunera [class*='tarjeta'] .mediaBox , [class*='tarjeta'] .txtBox{position:relative;width:50%;padding:3rem;display:inline-block;float:left;}
.lunera [class*='tarjeta'] .mediaBox {position:absolute;width:80%;padding:0;display:inline-block;right:0;}
.specialTopBox .gridBox .cell .lunera .mediaBox .ima {top:-.8rem;height:42rem;left:20%;}
[class*='cara'] li.show[class*='card'] .mediaBox .ima, [class*='cara'] li.show[class*='card'] .mediaBox .strong {animation:tarjetai .4s forwards;
    -webkit-animation:tarjetai .4s forwards;
       -moz-animation:tarjetai .4s forwards;
        -ms-animation:tarjetai .4s forwards;
         -o-animation:tarjetai .4s forwards;
}
.lunera [class*='tarjeta'] .mediaBox .ima img {height:100%;width:auto;}
.lunera [class*='tarjeta'] .txtBox{z-index:3;}
.lunera .caraA [class*='tarjeta'] .txtBox{color:#fff;z-index:3;}
.lunera .caraB [class*='tarjeta'] .txtBox{color:#333;z-index:3;}
.lunera [class*='tarjeta'] .txtBox strong {font-size:2.4rem;display:inline-block;line-height:1.4;font-family:'Roboto Condensed',sans-serif;font-weight:600;margin:2rem 0;}
.lunera [class*='tarjeta'] .txtBox p {font-size:1.6rem;line-height:1.4;display:inline-block;font-family:'Roboto Condensed',sans-serif;}
.lunera [class*='tarjeta'] .txtBox a {transition:all .2s;background:#666;color:#fff;padding:1rem 3rem;display:inline-block;font-size: 1.6rem;margin:2rem 0;border-radius:4rem;}
.lunera .caraA [class*='tarjeta'] .txtBox a {background:#fff;color:#333;}
.lunera [class*='tarjeta'] .txtBox a:hover {opacity: .8;}
.lunera [class*='cara'] li.show.card:before {content: "";background: url('http://img2.rtve.es/css/rtve.2019.noticias/50-llegada-luna-TE_S50ANLN/i/lunanueva_ficha.png') no-repeat;display:block;height:100%;width:100%;position: absolute;z-index:2;background-size:140%;background-position: right;left:-10%;top:0%;}
.lunera.dark [class*='cara'] li.show.card:before{background:url('http://img2.rtve.es/css/rtve.2019.noticias/50-llegada-luna-TE_S50ANLN/i/lunallena_ficha.png');content:"";display: block;height: 100%;width: 100%;position: absolute;z-index: 2;background-size: 140%;background-position:right;left:-10%;top:0%;}
@keyframes tarjeta{
    0%{width:0vw;opacity:0;}
    50%{opacity:0;}
    100%{width:40vw;opacity:1;}
}
@-webkit-keyframes tarjeta{
    0%{width:0vw;opacity:0;}
    50%{opacity:0;}
    100%{width:40vw;opacity:1;}
}
@-moz-keyframes tarjeta{
    0%{width:0vw;opacity:0;}
    50%{opacity:0;}
    100%{width:40vw;opacity:1;}
}
@-ms-keyframes tarjeta{
    0%{width:0vw;opacity:0;}
    50%{opacity:0;}
    100%{width:40vw;opacity:1;}
}
@-o-keyframes tarjeta{
    0%{width:0vw;opacity:0;}
    50%{opacity:0;}
    100%{width:40vw;opacity:1;}
}
@keyframes tarjetai{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-webkit-keyframes tarjetai{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes tarjetai{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-ms-keyframes tarjetai{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-o-keyframes tarjetai{
    0%{opacity:0;}
    100%{opacity:1;}
}

.wrapper.subheader .navBox.spechead{overflow:visible;}
/***animacion sombra*****/
.lunera #moon .luz {box-sizing: border-box;width:50rem;height:50rem;background-color: #111;border-radius: 50%;animation-delay: -10s;filter:blur(.7rem);-webkit-filter:blur(.7rem);filter: Blur(Strength=10);filter: progid:DXImageTransform.Microsoft.blur(pixelradius=10);}
.lunera.light #moon .luz{-webkit-animation:cycle1 7s linear reverse forwards;animation:cycle1 7s linear reverse forwards;
       -moz-animation:cycle1 7s linear reverse forwards;
        -ms-animation:cycle1 7s linear reverse forwards;
         -o-animation:cycle1 7s linear reverse forwards;
}
.lunera.dark #moon .luz{-webkit-animation:cycle2 7s linear reverse forwards;animation:cycle2 7s linear reverse forwards;
       -moz-animation:cycle2 7s linear reverse forwards;
        -ms-animation:cycle2 7s linear reverse forwards;
        -o-animation:cycle2 7s linear reverse forwards;
}

.lunera #moon .texture {width:50rem;height:50rem;border-radius:50%;position:relative;margin-top:-50rem;background-repeat:no-repeat;transition:all 3s;background-size:contain;overflow:visible;background-image: url('http://img2.rtve.es/css/rtve.2019.noticias/50-llegada-luna-TE_S50ANLN/i/lunallena.png');
    mix-blend-mode:normal;
}
.lunera.light #moon .texture{background-image: url('http://img2.rtve.es/css/rtve.2019.noticias/50-llegada-luna-TE_S50ANLN/i/lunallena.png');mix-blend-mode:multiply;}
.lunera.dark #moon .texture{background-image: url('http://img2.rtve.es/css/rtve.2019.noticias/50-llegada-luna-TE_S50ANLN/i/lunallena.png');mix-blend-mode:multiply;}

.lunera #moon .sphere {width: 52rem;height: 52rem;border-radius:50%;-moz-box-shadow:inset 0 0 10rem #000, inset 0 0 5rem #000, inset 0 0 3rem #000;-webkit-box-shadow:inset 0 0 10rem #000, inset 0 0 5rem #000, inset 0 0 3rem #000;box-shadow:inset 0 0 10rem #000, inset 0 0 5rem #000, inset 0 0 3rem #000;position: absolute;margin-top:-51rem;filter:blur(.2rem);margin-left:-.5rem;-webkit-filter:blur(.2rem);}

.lunera #moon:after {content: "";background-image: url('http://img2.rtve.es/css/rtve.2019.noticias/50-llegada-luna-TE_S50ANLN/i/lunanueva.png');display: block;position: absolute;width: 50rem;height: 50rem;background-size: contain;top: 0;opacity:0;transition:1s all;-moz-box-shadow:inset 0 0 10rem #000, inset 0 0 5rem #000, inset 0 0 3rem #000;-webkit-box-shadow:inset 0 0 10rem #000, inset 0 0 5rem #000, inset 0 0 3rem #000;box-shadow:inset 0 0 10rem #000, inset 0 0 5rem #000, inset 0 0 3rem #000;border-radius:50%;}
.lunera.dark #moon:after {
    animation:caraoscura 5s linear forwards;
    -webkit-animation:caraoscura 5s linear forwards;
    -moz-animation:caraoscura 5s linear forwards;
    -ms-animation:caraoscura 5s linear forwards;
    -o-animation:caraoscura 5s linear forwards;
    animation-delay: 2s;
}
.lunera.light #moon:after {
    opacity: 1;
    animation:caraoscura2 5s linear forwards;
    -webkit-animation:caraoscura2 5s linear forwards;
    -moz-animation:caraoscura2 5s linear forwards;
    -ms-animation:caraoscura2 5s linear forwards;
    -o-animation:caraoscura2 5s linear forwards;
}
@keyframes caraoscura {
    0%{opacity: 0;}
    90%{opacity:.3;}
    100%{opacity:.9;}
}
@-webkit-keyframes caraoscura {
    0%{opacity: 0;}
    90%{opacity:.3;}
    100%{opacity:.9;}
}
@-moz-keyframes caraoscura {
    0%{opacity: 0;}
    90%{opacity:.3;}
    100%{opacity:.9;}
}
@-ms-keyframes caraoscura {
    0%{opacity: 0;}
    90%{opacity:.3;}
    100%{opacity:.9;}
}
@-o-keyframes caraoscura {
    0%{opacity: 0;}
    90%{opacity:.3;}
    100%{opacity:.9;}
}
@keyframes caraoscura2 {
    0%{opacity:1;}
    10%{opacity:.3;}
    100%{opacity:0;}
}
@-webkit-keyframes caraoscura2 {
    0%{opacity:1;}
    10%{opacity:.3;}
    100%{opacity:0;}
}
@-moz-keyframes caraoscura2 {
    0%{opacity:1;}
    10%{opacity:.3;}
    100%{opacity:0;}
}
@-ms-keyframes caraoscura2 {
    0%{opacity:1;}
    10%{opacity:.3;}
    100%{opacity:0;}
}
@-o-keyframes caraoscura2 {
    0%{opacity:1;}
    10%{opacity:.3;}
    100%{opacity:0;}
}
@keyframes cycle1 {
    0% {
    border-left: 0 solid #fff;
    border-right: 0 solid #111;
    background-color: #fff;
    transform: rotate(0deg);
  }
  0.0001% {
    border-left: 0 solid #111;
  }
  49.9999% {
    background-color: #fff;
    border-right: 0 solid #fff;
  }
  50% {
    border-left: 25rem solid #111;
    border-right:25rem solid #fff;
    background-color: #111;
  }
  100% {
    border-left:25rem solid #111;
    border-right: 0 solid #fff;
    background-color: #111;
    transform: rotate(10deg);
  }
}
@-webkit-keyframes cycle1 {
    0% {
    border-left: 0 solid #fff;
    border-right: 0 solid #111;
    background-color: #fff;
    transform: rotate(0deg);
  }
  0.0001% {
    border-left: 0 solid #111;
  }
  49.9999% {
    background-color: #fff;
    border-right: 0 solid #fff;
  }
  50% {
    border-left: 25rem solid #111;
    border-right:25rem solid #fff;
    background-color: #111;
  }
  100% {
    border-left:25rem solid #111;
    border-right: 0 solid #fff;
    background-color: #111;
    transform: rotate(10deg);
  }   
}
@-moz-keyframes cycle1 {
    0% {
    border-left: 0 solid #fff;
    border-right: 0 solid #111;
    background-color: #fff;
    transform: rotate(0deg);
  }
  0.0001% {
    border-left: 0 solid #111;
  }
  49.9999% {
    background-color: #fff;
    border-right: 0 solid #fff;
  }
  50% {
    border-left: 25rem solid #111;
    border-right:25rem solid #fff;
    background-color: #111;
  }
  100% {
    border-left:25rem solid #111;
    border-right: 0 solid #fff;
    background-color: #111;
    transform: rotate(10deg);
  }   
}
@-ms-keyframes cycle1 {
    0% {
    border-left: 0 solid #fff;
    border-right: 0 solid #111;
    background-color: #fff;
    transform: rotate(0deg);
  }
  0.0001% {
    border-left: 0 solid #111;
  }
  49.9999% {
    background-color: #fff;
    border-right: 0 solid #fff;
  }
  50% {
    border-left: 25rem solid #111;
    border-right:25rem solid #fff;
    background-color: #111;
  }
  100% {
    border-left:25rem solid #111;
    border-right: 0 solid #fff;
    background-color: #111;
    transform: rotate(10deg);
  }   
}
@-o-keyframes cycle1 {
    0% {
    border-left: 0 solid #fff;
    border-right: 0 solid #111;
    background-color: #fff;
    transform: rotate(0deg);
  }
  0.0001% {
    border-left: 0 solid #111;
  }
  49.9999% {
    background-color: #fff;
    border-right: 0 solid #fff;
  }
  50% {
    border-left: 25rem solid #111;
    border-right:25rem solid #fff;
    background-color: #111;
  }
  100% {
    border-left:25rem solid #111;
    border-right: 0 solid #fff;
    background-color: #111;
    transform: rotate(10deg);
  }   
}
@keyframes cycle2 {
      0% {
    border-left:0 solid #fff;
    border-right:25rem solid #111;
    background-color:#111;
    transform:rotate(-10deg);
  }
  49.9999% {
    background-color: #111;
  }
  50% {
    border-left: 25rem solid #fff;
    border-right:25rem solid #111;
    background-color: #fff;
  }
  100% {
    border-left: 0 solid #fff;
    border-right: 0 solid #111;
    background-color: #fff;
    transform: rotate(0deg);

  }
}
@-webkit-keyframes cycle2 {
      0% {
    border-left:0 solid #fff;
    border-right:25rem solid #111;
    background-color:#111;
    transform:rotate(-10deg);
  }
  49.9999% {
    background-color: #111;
  }
  50% {
    border-left: 25rem solid #fff;
    border-right:25rem solid #111;
    background-color: #fff;
  }
  100% {
    border-left: 0 solid #fff;
    border-right: 0 solid #111;
    background-color: #fff;
    transform: rotate(0deg);

  }
}
@-moz-keyframes cycle2 {
      0% {
    border-left:0 solid #fff;
    border-right:25rem solid #111;
    background-color:#111;
    transform:rotate(-10deg);
  }
  49.9999% {
    background-color: #111;
  }
  50% {
    border-left: 25rem solid #fff;
    border-right:25rem solid #111;
    background-color: #fff;
  }
  100% {
    border-left: 0 solid #fff;
    border-right: 0 solid #111;
    background-color: #fff;
    transform: rotate(0deg);

  }
}
@-ms-keyframes cycle2 {
      0% {
    border-left:0 solid #fff;
    border-right:25rem solid #111;
    background-color:#111;
    transform:rotate(-10deg);
  }
  49.9999% {
    background-color: #111;
  }
  50% {
    border-left: 25rem solid #fff;
    border-right:25rem solid #111;
    background-color: #fff;
  }
  100% {
    border-left: 0 solid #fff;
    border-right: 0 solid #111;
    background-color: #fff;
    transform: rotate(0deg);

  }
}
@-o-keyframes cycle2 {
      0% {
    border-left:0 solid #fff;
    border-right:25rem solid #111;
    background-color:#111;
    transform:rotate(-10deg);
  }
  49.9999% {
    background-color: #111;
  }
  50% {
    border-left: 25rem solid #fff;
    border-right:25rem solid #111;
    background-color: #fff;
  }
  100% {
    border-left: 0 solid #fff;
    border-right: 0 solid #111;
    background-color: #fff;
    transform: rotate(0deg);

  }
}
@media (max-width:1401px){
    .lunera [class*='cara'] li.card{height:35rem;}
    .lunera [class*='tarjeta'] .txtBox {padding: 1rem 2rem;}
    .lunera [class*='tarjeta'] .mediaBox .ima img {height:85%;}
    @keyframes tarjeta{
    0%{width:0vw;opacity:0;}
    50%{opacity:0;}
    100%{width:50vw;opacity:1;}
    }
    @-webkit-keyframes tarjeta{
    0%{width:0vw;opacity:0;}
    50%{opacity:0;}
    100%{width:50vw;opacity:1;}
    }
    @-moz-keyframes tarjeta{
    0%{width:0vw;opacity:0;}
    50%{opacity:0;}
    100%{width:50vw;opacity:1;}
        }
    @-ms-keyframes tarjeta{
    0%{width:0vw;opacity:0;}
    50%{opacity:0;}
    100%{width:50vw;opacity:1;}
        }
    @-o-keyframes tarjeta{
    0%{width:0vw;opacity:0;}
    50%{opacity:0;}
    100%{width:50vw;opacity:1;}
        }
}
/*correcciones*/
.lunera .espacio:after {position:absolute;top:0;content:"";width:100%;height:100%;display:block;background:url('http://img2.rtve.es/css/rtve.2019.noticias/50-llegada-luna-TE_S50ANLN/i/lunallena-halo.png');background-position:center;background-repeat:no-repeat;background-size:55%;transition:all 2s;opacity:1;top: 5%;position:absolute;transition-delay:6s;}
.lunera .espacio:before{opacity:0;background:url('http://img2.rtve.es/css/rtve.2019.noticias/50-llegada-luna-TE_S50ANLN/i/lunanueva-halo.png');content:"";width:100%;height:100%;display:block;background-position:center;background-size:55%;transition:all 2s;top: 5%;position:absolute;background-repeat:no-repeat;transition-delay:6s;}
    .lunera.dark .espacio:before{opacity:1;}
    .lunera.dark .espacio:after{opacity:0;}
    .lunera.light .espacio:before{opacity:0;}
    .lunera.light .espacio:after,.lunera .espacio:after{opacity:1;}
.lunera #moon .sphere{filter:none;-webkit-filter:none;}

.lunera button.flecha {
    position: absolute;
    bottom: 2%;
    display: block;
    width:4rem;
    height:4rem;
    left:76%;
    background: url('http://design.rtve.int/css/rtve.2015/i/iconos/individuales/arrow_below_40x40_ffffff.png');
    animation: abajo 1.5s 6 forwards;
    background-repeat: no-repeat;
    transition: all 1s;
    cursor:pointer;
}
@keyframes abajo {
  0%{bottom:2%;}
  50%{bottom:5%;}
    100%{bottom:2%;}
}

/****************no-js*****************/
.lunera.no-js .boton {display:none;}
.lunera.no-js [class*='cara'] .tarjetas li.card {display: block;opacity: 1;width: 60rem;position: relative;height: 30rem;}
.lunera.no-js  {overflow-y:scroll;}
.lunera.no-js .caraA, .lunera.no-js .caraB {position: absolute;top: 10%;left: 15%;right: auto;bottom: auto;margin: auto;width: 50rem;height: 50rem;z-index: 2;border-radius:50%;}
.lunera.no-js .caraB {left:auto;right:0%;display:block;}
.lunera.no-js .caraA li.card:before {content: "";background: url('http://img2.rtve.es/css/rtve.2019.noticias/50-llegada-luna-TE_S50ANLN/i/lunanueva_ficha.png') no-repeat;display:block;height:100%;width:100%;position: absolute;z-index:2;background-size:140%;background-position: right;left:-10%;top:0%;}
.lunera.no-js .caraB li.card:before{background:url('http://img2.rtve.es/css/rtve.2019.noticias/50-llegada-luna-TE_S50ANLN/i/lunallena_ficha.png');content: "";display: block;height: 100%;width: 100%;position: absolute;z-index: 2;background-size: 140%;background-position: right;left: -10%;top:0%;}