.body {
    position: absolute;
    width: 100%;
    top: 69px;
    height: 1200px;
    background: black;
    
}

.body .portada_img {
    position: relative;
    width: 100%;
    height: auto;
background: rgb(0,0,0);
background: radial-gradient(circle, rgba(0,0,0,0.17877248555672265) 63%, rgba(0,0,0,1) 100%);
    
}


x-sign {
    --interval: 1s;
    display: block;
    
    /* left: 43%; */
    width: 100%;
   /*  background: red;*/
    height: 100%;
    position: absolute;
    text-shadow: 0 0 10px var(--color1), 0 0 20px var(--color2), 0 0 40px var(--color3), 0 0 80px var(--color4);
    will-change: filter, color;
    z-index: 5;
    margin: 0 auto;
 
    filter: saturate(60%);
    animation: flicker steps(100) var(--interval) 1s infinite;
}

 
x-sign:nth-of-type(1) {
  color: #bc37d4;
  --color1: #bc37d4;
  --color2: #bc37d4;
  --color3: #bc37d4;
  --color4: #bc37d4;
  font-family: Yellowtail;
}

      @media (min-width: 1px) {
            x-sign {
                transform: scale(1);
                transform-origin: 0 0;
            }




@keyframes flicker {
  50% {
    color: white;
    filter: saturate(200%) hue-rotate(20deg);
  }
}

 .portada_img .neon {
  color: #fff;
  text-shadow:
    0 0 2px #fff,
    0 0 3px #fff,
    0 0 4px #fff,
    0 0 5px #ffe369,
    0 0 10px #ffe369,
    0 0 20px #ffe369,
    0 0 30px #ffe369,
    0 0 40px #ffe369;
}



 

.portada_img .container {
  margin: 0 auto;
    z-index: 3;
    position: relative;
    top: 0px;
}



.portada_img h1 {
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  font-family: calibri;
}

.body .portada_img::before {
  content: '';
  position: absolute;
    margin: auto;
 
  width: 75%;
  height: 100%;
background: rgb(0,0,0);
background: radial-gradient(circle, rgba(0,0,0,0) 66%, rgba(0,0,0,0.19557920824579833) 71%, rgba(0,0,0,1) 84%);
  z-index: 2; /* Ubica el degradado encima de la imagen */
}



.body .body_principal {
    position: relative;
    margin: auto;
   
    width: 100%;
 
    align-content: center;
    align-items: center;
    text-align: center;
}

.body .body_principal img {
  position: relative;
  width: 75%;  
       z-index: 1;

}


.container {
    position: relative;
    width: 100%;
    height: 40px;
   
    top: -70px;
}

 .contenedor {
  
    /* background: red; */
    width: 310px;
    height: 40px;
    color: #ffffff;
    font-size: 28px;
    font-family: sans-serif;
    line-height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 300;
     overflow: hidden;}

.contenedor ul li {
    position: relative;
      text-align: center;
    align-content: center;
    align-items: center;
       
}
 
   .contenedor:before {
      content: '[';
      left: 0;
    }

    .contenedor:after {
      content: ']';
      position: absolute;
      right: 0;
    }

    .contenedor:after, .contenedor:before {
      position: absolute;
      top: 0px;
      
      color: #ded750;
      font-size: 40px;
      line-height: 40px;
      
       -webkit-animation-name: opacity;
      -webkit-animation-duration: 1s;
      -webkit-animation-iteration-count: infinite;
      animation-name: opacity;
      animation-duration: 1.5s;
      animation-iteration-count: infinite;
    }
  
  


 .contenedor ul {
  
  list-style: none;
 margin: 0px;
 
  animation: cambiar 18s infinite;
   text-align: center;
    align-content: center;
    align-items: center;
    
}

 
     
@keyframes cambiar {
  0%{margin-top: 0;}
2%{margin-top: 0;}
   
7%{margin-top: -40px;}
9%{margin-top: -40px;} 
  
  14%{margin-top: -80px;}
 16%{margin-top: -80px;}
  
   21%{margin-top: -120px;}
  23%{margin-top: -120px;} 
  
    28%{margin-top: -160px;}
  30%{margin-top: -160px;} 
  
      37%{margin-top: -200px;}
  39%{margin-top: -200px;} 
  
        44%{margin-top: -240px;}
  46%{margin-top: -240px;} 
  
  
        51%{margin-top: -280px;}
  52%{margin-top: -280px;} 
  
  

  
  /* Return*/
  
 
  
      57%{margin-top: -240px;}
  59%{margin-top: -240px;} 
       
  64%{margin-top: -200px;}
  66%{margin-top: -200px;} 


   71%{margin-top: -160px;}
  72%{margin-top: -160px;} 
  
     77%{margin-top: -120px;}
  79%{margin-top: -120px;} 
  
    84%{margin-top: -80px;}
  86%{margin-top: -80px;}
  
  90%{margin-top: -40px;}
92%{margin-top: -40px;} 
  
    94%{margin-top: 0;}
100%{margin-top: 0;}
   

  

  } 

@keyframes opacity {
  0%, 100% {opacity:0;}
  50% {opacity:1;}
}

@keyframes change {
  0%, 12.66%, 100% {transform:translate3d(0,0,0);}
  16.66%, 29.32% {transform:translate3d(0,-25%,0);}
  33.32%,45.98% {transform:translate3d(0,-50%,0);}
  49.98%,62.64% {transform:translate3d(0,-75%,0);}
  66.64%,79.3% {transform:translate3d(0,-50%,0);}
  83.3%,95.96% {transform:translate3d(0,-25%,0);}
}



.title_services {

    position: relative;
    width: 100%;
 
    height: 40px;
    top: -10px;
}


.title_services span {
    position: relative;
    color: white;
    font-family: calibri, sans-serif;
    font-size: 28px;
}


/*Precio_productos*/

.precio_product .title_precio_product {
margin: auto;
    width: 90%;
    border-top: 1px solid #1b8bff;
    position: relative;
    color: white;
    height: 70px;
    font-family: calibri, sans-serif;
    box-shadow: -2px -15px 15px -16px #576899;
 
}

.precio_product .title_precio_product span {
    font-size: 22px;
}

.precio_product {
    position: relative;
    width: 100%;
    height: 500px;
        margin-top: 65px;
    /*background: red;*/
}

.precio_product .precio_head {
    position: relative;
    width: 100%;
    height: auto;
        margin-top: 65px;
    /*background: green;*/
}

.precio_product .precio_head img {
    position: relative;
    width: 104px;
        top: -80px;
    margin-top: 2px;
}





.precio_product .precio_show {
    position: relative;
    width: 100%;
    height: 400px;
   
}




















/*stream*/

.services_body {
    position: relative;
    width: 100%;
    height: auto;
   
}

.services_body .b_services {
    position: absolute;
    width: 100%;
    height: 500px;
   text-align: center;
    z-index: 900;
}

.services_body .b_services .stream_video {
    position: relative;
    top: 0px;
    width: 100%;

    height: 50px;
    z-index: 1000;
    display: inline-flex;
    word-break: break-all;
    
}

.services_body .b_services .stream_video img {
    position: relative;
   text-align: center;
    margin: auto;
    width: 100px;
    height: 40px;
     
}

.services_body .b_services .stream_video.nflix{
    
   background: black;
    
}


.services_body .stream_video.dsney{
    
   background: #27348c;
    
}


.services_body .stream_video.amzon{
    
   background: black;
    
}

.services_body .stream_video.hmax{
    
   background: #7020d9;
    
}

.services_body .stream_video.ypremium{
    
   background: white;
    
}

.services_body .stream_video.mplay{
    
   background: #0ba9e0;
    
}

.services_body .stream_video.dtvgo{
    
   background: #011327;
    
}

.services_body .stream_video.strplus{
    
   background:  #050714;
 
}

.services_body .stream_video.sptify{
    
   background:  #1ed760;
 
}

.services_body .stream_video.crunchy{
    
   background:  #f7721e;
 
}

.services_body .stream_video.blimtv{
    
   background:  #000000;
 
}


.services_body .stream_video.iptv{
    
 background: linear-gradient(to right, blue, orange);
 
}


.services_body .stream_video.plex{
    
   background:  #000000;
 
}


.services_body .stream_video.magistv{
    
   background:  #ff5722e8;
 
}

.services_body .stream_video.paramount{
    
   background:  #1760fffa;
 
}

/*conte*/

.services_body .b_services .cont_video {
    display: none;
}














.img_ico_equipos_down {
    position: fixed;
    bottom: 36px;
    right: 35px;
    border-radius: 50px;
    cursor: pointer;
    width: 40px;
    height: 40px;
   
    z-index: 8000;
}

.img_ws img {
    position: relative;
    top: 7px;
    left: 7.9px;
    box-shadow: 0px 0px 24px 1px #2db32d;
    border-radius: 50%;
}

.img_ico_equipos_down span {
    position: relative;
    top: 6px;
    left: 3px;
    width: 56px;
    
    display: block;
    height: 20px;
    color: white;
    font-family: calibri, sans-serif;
    font-size: 9px;
}

/*****/


/* external css: flickity.css */

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}



.gallery {
 
  position: relative;
  width: 100%;
    
}

.gallery-cell {
  width: 65px;
  height: 70px;
  margin-right: 100px;
  border-radius: 50%;
  counter-increment: gallery-cell;
}

 
/* cell number */
.gallery-cell:before {
  display: block;
  text-align: center;
  content: counter(gallery-cell);
  line-height: 80px;
  font-size: 80px;
  color: white;
  font-size: 22px;
}


/*! Flickity v1.0.0
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 50%;
}

.flickity-slider {
  position: absolute;
 width: 46%;
  height: 50%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */
 
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  filter: alpha(opacity=60); /* IE8 */
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30); /* IE8 */
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25); /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); /* IE8 */
  opacity: 1;
}