/* ============================================================
   KONECTA HERO - ORBITS
   VERSION AUDITADA
   SOLO system + system-dark

   COMPRAR:
     RANGO 24H + CAMBIO 24H

   DEPOSITAR:
     4 BARRAS -> 4 ORBITS

   RETIRAR:
     4 BARRAS -> 4 ORBITS

   VENDER / CONVERTIR:
     NO TOCAR
   ============================================================ */


/* ============================================================
   DEFAULT
   FUERA DE LOS DOS TEMAS CUSTOM NO APARECE NADA
   ============================================================ */

.kc-orbit-gauge-v1,
.kc-buy-orbits{
  display:none;
}


/* ============================================================
   VISIBILIDAD SOLO CUSTOM
   ============================================================ */

html[data-kc-theme="system"]
#operaciones-kc .kc-orbit-gauge-v1,

html[data-kc-theme="system-dark"]
#operaciones-kc .kc-orbit-gauge-v1{
  display:flex !important;
}


html[data-kc-theme="system"]
#operaciones-kc .kc-buy-orbits,

html[data-kc-theme="system-dark"]
#operaciones-kc .kc-buy-orbits{
  display:flex !important;
}


/* ============================================================
   ELEMENTO ORIGINAL REEMPLAZADO
   SOLO CUANDO JS YA MONTO SU ORBIT
   ============================================================ */

html[data-kc-theme="system"]
#operaciones-kc .kc-orbit-source-hidden,

html[data-kc-theme="system-dark"]
#operaciones-kc .kc-orbit-source-hidden{
  display:none !important;
}


/* ============================================================
   COMPRAR
   LOS DOS CIRCULOS VAN EN PRICE ROW, NO ABAJO
   ============================================================ */

html[data-kc-theme="system"]
#operaciones-kc
.kc-live-intel[data-kc-live-intel="comprar"].kc-orbit-buy-mounted
.kc-intel-price-row,

html[data-kc-theme="system-dark"]
#operaciones-kc
.kc-live-intel[data-kc-live-intel="comprar"].kc-orbit-buy-mounted
.kc-intel-price-row{
  align-items:center !important;

  gap:10px !important;
}


html[data-kc-theme="system"]
#operaciones-kc
.kc-live-intel[data-kc-live-intel="comprar"].kc-orbit-buy-mounted
.kc-intel-price,

html[data-kc-theme="system-dark"]
#operaciones-kc
.kc-live-intel[data-kc-live-intel="comprar"].kc-orbit-buy-mounted
.kc-intel-price{
  flex:0 1 auto !important;

  min-width:0 !important;
}


/* QUITAR LA PASTILLA +0.xx% ORIGINAL
   PORQUE AHORA ES EL SEGUNDO CIRCULO */

html[data-kc-theme="system"]
#operaciones-kc
.kc-live-intel[data-kc-live-intel="comprar"].kc-orbit-buy-mounted
.kc-intel-change,

html[data-kc-theme="system-dark"]
#operaciones-kc
.kc-live-intel[data-kc-live-intel="comprar"].kc-orbit-buy-mounted
.kc-intel-change{
  display:none !important;
}


/* QUITAR LA BARRA INFERIOR DE RANGO COMPLETA
   PORQUE AHORA ES EL PRIMER CIRCULO */

html[data-kc-theme="system"]
#operaciones-kc
.kc-live-intel[data-kc-live-intel="comprar"].kc-orbit-buy-mounted
.kc-market-range,

html[data-kc-theme="system-dark"]
#operaciones-kc
.kc-live-intel[data-kc-live-intel="comprar"].kc-orbit-buy-mounted
.kc-market-range{
  display:none !important;
}


/* PAREJA */

html[data-kc-theme="system"]
#operaciones-kc .kc-buy-orbits,

html[data-kc-theme="system-dark"]
#operaciones-kc .kc-buy-orbits{
  flex:0 0 auto;

  align-items:center;
  justify-content:flex-end;

  gap:8px;

  margin-left:auto;

  padding:0 !important;

  background:transparent !important;
  background-image:none !important;

  border:0 !important;

  box-shadow:none !important;
}


/* ============================================================
   ORBIT BASE
   NOMBRE "ORBIT" PARA NO CHOCAR CON LOS SELECTORES
   GENERICOS [class*="ring"] DEL TEMA
   ============================================================ */

html[data-kc-theme="system"]
#operaciones-kc .kc-orbit-gauge-v1,

html[data-kc-theme="system-dark"]
#operaciones-kc .kc-orbit-gauge-v1{
  --kc-orbit-color:#32D6F5;
  --kc-orbit-delay:0ms;

  position:relative !important;

  flex:0 0 auto !important;

  align-items:center !important;
  justify-content:center !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;

  border-radius:50% !important;

  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;

  box-shadow:none !important;

  overflow:visible !important;

  opacity:0;

  transform:
    translateY(8px)
    scale(.56);

  filter:
    blur(2px);
}


/* ============================================================
   TAMAÑOS
   ============================================================ */

/* COMPRAR - DOS CIRCULOS */

html[data-kc-theme="system"]
#operaciones-kc
.kc-buy-orbits
.kc-orbit-gauge-v1,

html[data-kc-theme="system-dark"]
#operaciones-kc
.kc-buy-orbits
.kc-orbit-gauge-v1{
  width:52px !important;
  height:52px !important;

  min-width:52px !important;
  min-height:52px !important;

  max-width:52px !important;
  max-height:52px !important;
}


/* DEPOSITAR + RETIRAR */

html[data-kc-theme="system"]
#operaciones-kc
.kc-fee-column
.kc-orbit-gauge-v1,

html[data-kc-theme="system-dark"]
#operaciones-kc
.kc-fee-column
.kc-orbit-gauge-v1{
  width:66px !important;
  height:66px !important;

  min-width:66px !important;
  min-height:66px !important;

  max-width:66px !important;
  max-height:66px !important;

  margin:2px auto !important;
}


/* ============================================================
   SVG
   ============================================================ */

html[data-kc-theme="system"]
#operaciones-kc .kc-orbit-gauge-v1 svg,

html[data-kc-theme="system-dark"]
#operaciones-kc .kc-orbit-gauge-v1 svg{
  display:block !important;

  width:100% !important;
  height:100% !important;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
  background-image:none !important;

  border:0 !important;

  box-shadow:none !important;

  overflow:visible !important;

  transform:
    rotate(-90deg);
}


/* TRACK */

html[data-kc-theme="system"]
#operaciones-kc
circle.kc-orbit-track,

html[data-kc-theme="system-dark"]
#operaciones-kc
circle.kc-orbit-track{
  fill:none !important;
  fill-opacity:0 !important;

  stroke:
    var(--kc-orbit-color) !important;

  stroke-width:7 !important;

  opacity:.17;

  vector-effect:
    non-scaling-stroke;
}


/* PROGRESO */

html[data-kc-theme="system"]
#operaciones-kc
circle.kc-orbit-arc,

html[data-kc-theme="system-dark"]
#operaciones-kc
circle.kc-orbit-arc{
  fill:none !important;
  fill-opacity:0 !important;

  stroke:
    var(--kc-orbit-color) !important;

  stroke-width:7 !important;

  stroke-linecap:round !important;

  stroke-dasharray:
    251.327 !important;

  stroke-dashoffset:
    251.327;

  vector-effect:
    non-scaling-stroke;

  filter:
    drop-shadow(
      0 0 5px
      var(--kc-orbit-color)
    ) !important;

  transition:
    stroke-dashoffset
    1.18s
    cubic-bezier(.16,1,.3,1);

  transition-delay:
    calc(
      var(--kc-orbit-delay) + 100ms
    );
}


/* ============================================================
   CENTRO
   TOTALMENTE TRANSPARENTE
   ============================================================ */

html[data-kc-theme="system"]
#operaciones-kc .kc-orbit-center,

html[data-kc-theme="system-dark"]
#operaciones-kc .kc-orbit-center{
  position:absolute !important;

  inset:0 !important;

  display:flex !important;

  flex-direction:column !important;

  align-items:center !important;
  justify-content:center !important;

  margin:0 !important;
  padding:0 !important;

  text-align:center !important;

  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;

  border:0 !important;

  box-shadow:none !important;

  pointer-events:none;
}


/* VALOR */

html[data-kc-theme="system"]
#operaciones-kc .kc-orbit-center strong,

html[data-kc-theme="system-dark"]
#operaciones-kc .kc-orbit-center strong{
  display:block !important;

  margin:0 !important;
  padding:0 !important;

  color:#FFFFFF !important;

  font-weight:900 !important;

  line-height:1 !important;

  letter-spacing:-.03em !important;

  text-shadow:none !important;

  white-space:nowrap !important;
}


/* LABEL */

html[data-kc-theme="system"]
#operaciones-kc .kc-orbit-center span,

html[data-kc-theme="system-dark"]
#operaciones-kc .kc-orbit-center span{
  display:block !important;

  margin:4px 0 0 !important;
  padding:0 !important;

  color:#FFFFFF !important;

  font-size:5px !important;

  font-weight:850 !important;

  line-height:1 !important;

  letter-spacing:.06em !important;

  text-transform:uppercase !important;

  opacity:.85 !important;

  white-space:nowrap !important;
}


/* COMPRAR - RANGO */

html[data-kc-theme="system"]
#operaciones-kc
.kc-orbit-gauge-v1[data-kc-orbit-type="range"]
.kc-orbit-center strong,

html[data-kc-theme="system-dark"]
#operaciones-kc
.kc-orbit-gauge-v1[data-kc-orbit-type="range"]
.kc-orbit-center strong{
  font-size:11px !important;
}


/* COMPRAR - CAMBIO +0.xx */

html[data-kc-theme="system"]
#operaciones-kc
.kc-orbit-gauge-v1[data-kc-orbit-type="change"]
.kc-orbit-center strong,

html[data-kc-theme="system-dark"]
#operaciones-kc
.kc-orbit-gauge-v1[data-kc-orbit-type="change"]
.kc-orbit-center strong{
  font-size:9px !important;
}


/* FEE */

html[data-kc-theme="system"]
#operaciones-kc
.kc-orbit-gauge-v1[data-kc-orbit-type="fee"]
.kc-orbit-center strong,

html[data-kc-theme="system-dark"]
#operaciones-kc
.kc-orbit-gauge-v1[data-kc-orbit-type="fee"]
.kc-orbit-center strong{
  font-size:12px !important;
}


html[data-kc-theme="system"]
#operaciones-kc
.kc-orbit-gauge-v1[data-kc-orbit-type="fee"]
.kc-orbit-center span,

html[data-kc-theme="system-dark"]
#operaciones-kc
.kc-orbit-gauge-v1[data-kc-orbit-type="fee"]
.kc-orbit-center span{
  display:none !important;
}


/* LOS DATOS REALES ENCIMA Y DEBAJO DE FEE SIGUEN BLANCOS */

html[data-kc-theme="system"]
#operaciones-kc .kc-fee-value,

html[data-kc-theme="system"]
#operaciones-kc .kc-fee-name,

html[data-kc-theme="system-dark"]
#operaciones-kc .kc-fee-value,

html[data-kc-theme="system-dark"]
#operaciones-kc .kc-fee-name{
  color:#FFFFFF !important;

  opacity:1 !important;
}


/* ============================================================
   ENTRADA
   ============================================================ */

html[data-kc-theme="system"]
#operaciones-kc
.kc-orbit-gauge-v1.kc-orbit-in,

html[data-kc-theme="system-dark"]
#operaciones-kc
.kc-orbit-gauge-v1.kc-orbit-in{
  animation:
    kcOrbitEnter
    .78s
    cubic-bezier(.16,1,.3,1)
    var(--kc-orbit-delay)
    forwards;
}


@keyframes kcOrbitEnter{

  0%{
    opacity:0;

    transform:
      translateY(9px)
      scale(.52);

    filter:
      blur(3px);
  }

  55%{
    opacity:1;

    transform:
      translateY(-2px)
      scale(1.09);

    filter:
      blur(0);
  }

  76%{
    transform:
      translateY(1px)
      scale(.97);
  }

  100%{
    opacity:1;

    transform:
      translateY(0)
      scale(1);

    filter:
      blur(0);
  }

}


/* PULSO FINAL */

html[data-kc-theme="system"]
#operaciones-kc
.kc-orbit-gauge-v1.kc-orbit-pulse,

html[data-kc-theme="system-dark"]
#operaciones-kc
.kc-orbit-gauge-v1.kc-orbit-pulse{
  animation:
    kcOrbitPulse
    .38s
    ease-out !important;
}


@keyframes kcOrbitPulse{

  0%{
    transform:scale(1);
  }

  45%{
    transform:scale(1.06);
  }

  100%{
    transform:scale(1);
  }

}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media(max-width:800px){

  html[data-kc-theme="system"]
  #operaciones-kc
  .kc-buy-orbits
  .kc-orbit-gauge-v1,

  html[data-kc-theme="system-dark"]
  #operaciones-kc
  .kc-buy-orbits
  .kc-orbit-gauge-v1{
    width:46px !important;
    height:46px !important;

    min-width:46px !important;
    min-height:46px !important;

    max-width:46px !important;
    max-height:46px !important;
  }


  html[data-kc-theme="system"]
  #operaciones-kc
  .kc-fee-column
  .kc-orbit-gauge-v1,

  html[data-kc-theme="system-dark"]
  #operaciones-kc
  .kc-fee-column
  .kc-orbit-gauge-v1{
    width:56px !important;
    height:56px !important;

    min-width:56px !important;
    min-height:56px !important;

    max-width:56px !important;
    max-height:56px !important;
  }

}


/* REDUCED MOTION */

@media(prefers-reduced-motion:reduce){

  .kc-orbit-gauge-v1{
    opacity:1 !important;

    transform:none !important;

    filter:none !important;

    animation:none !important;
  }

  .kc-orbit-arc{
    transition:none !important;
  }

}

/* ============================================================
   HERO ORBITS V2
   MAS GRANDES + MAS FINOS
   SOLO AJUSTE VISUAL
   ============================================================ */

/* COMPRAR: 2 circulitos */
html[data-kc-theme="system"]
#operaciones-kc .kc-buy-orbits .kc-orbit-gauge-v1,

html[data-kc-theme="system-dark"]
#operaciones-kc .kc-buy-orbits .kc-orbit-gauge-v1{
  width:60px !important;
  height:60px !important;

  min-width:60px !important;
  min-height:60px !important;

  max-width:60px !important;
  max-height:60px !important;
}


/* DEPOSITAR / RETIRAR */
html[data-kc-theme="system"]
#operaciones-kc .kc-fee-column .kc-orbit-gauge-v1,

html[data-kc-theme="system-dark"]
#operaciones-kc .kc-fee-column .kc-orbit-gauge-v1{
  width:72px !important;
  height:72px !important;

  min-width:72px !important;
  min-height:72px !important;

  max-width:72px !important;
  max-height:72px !important;
}


/* ARO MAS FINO */
html[data-kc-theme="system"]
#operaciones-kc circle.kc-orbit-track,

html[data-kc-theme="system-dark"]
#operaciones-kc circle.kc-orbit-track{
  stroke-width:5px !important;
}

html[data-kc-theme="system"]
#operaciones-kc circle.kc-orbit-arc,

html[data-kc-theme="system-dark"]
#operaciones-kc circle.kc-orbit-arc{
  stroke-width:5px !important;
}


/* TEXTO CENTRO */
html[data-kc-theme="system"]
#operaciones-kc
.kc-orbit-gauge-v1[data-kc-orbit-type="range"]
.kc-orbit-center strong,

html[data-kc-theme="system-dark"]
#operaciones-kc
.kc-orbit-gauge-v1[data-kc-orbit-type="range"]
.kc-orbit-center strong{
  font-size:12px !important;
  color:#FFFFFF !important;
}

html[data-kc-theme="system"]
#operaciones-kc
.kc-orbit-gauge-v1[data-kc-orbit-type="change"]
.kc-orbit-center strong,

html[data-kc-theme="system-dark"]
#operaciones-kc
.kc-orbit-gauge-v1[data-kc-orbit-type="change"]
.kc-orbit-center strong{
  font-size:10px !important;
  color:#FFFFFF !important;
}

html[data-kc-theme="system"]
#operaciones-kc
.kc-orbit-gauge-v1[data-kc-orbit-type="fee"]
.kc-orbit-center strong,

html[data-kc-theme="system-dark"]
#operaciones-kc
.kc-orbit-gauge-v1[data-kc-orbit-type="fee"]
.kc-orbit-center strong{
  font-size:13px !important;
  color:#FFFFFF !important;
}

html[data-kc-theme="system"]
#operaciones-kc .kc-orbit-center span,

html[data-kc-theme="system-dark"]
#operaciones-kc .kc-orbit-center span{
  font-size:5px !important;
  color:#FFFFFF !important;
  opacity:.88 !important;
}


/* RESPONSIVE */
@media(max-width:800px){

  html[data-kc-theme="system"]
  #operaciones-kc .kc-buy-orbits .kc-orbit-gauge-v1,

  html[data-kc-theme="system-dark"]
  #operaciones-kc .kc-buy-orbits .kc-orbit-gauge-v1{
    width:52px !important;
    height:52px !important;

    min-width:52px !important;
    min-height:52px !important;

    max-width:52px !important;
    max-height:52px !important;
  }

  html[data-kc-theme="system"]
  #operaciones-kc .kc-fee-column .kc-orbit-gauge-v1,

  html[data-kc-theme="system-dark"]
  #operaciones-kc .kc-fee-column .kc-orbit-gauge-v1{
    width:62px !important;
    height:62px !important;

    min-width:62px !important;
    min-height:62px !important;

    max-width:62px !important;
    max-height:62px !important;
  }

}

/* ============================================================
   COMPRAR - PRIMER CIRCULO RANGO
   MOSTRAR CLARAMENTE PORCENTAJE REAL
   ============================================================ */

/* PARTE VACIA DEL CIRCULO */
html[data-kc-theme="system"]
#operaciones-kc
.kc-orbit-gauge-v1[data-kc-orbit-type="range"]
.kc-orbit-track,

html[data-kc-theme="system-dark"]
#operaciones-kc
.kc-orbit-gauge-v1[data-kc-orbit-type="range"]
.kc-orbit-track{
  stroke:rgba(255,255,255,.13) !important;
  opacity:1 !important;
  filter:none !important;
}

/* PARTE LLENA DEL CIRCULO */
html[data-kc-theme="system"]
#operaciones-kc
.kc-orbit-gauge-v1[data-kc-orbit-type="range"]
.kc-orbit-arc,

html[data-kc-theme="system-dark"]
#operaciones-kc
.kc-orbit-gauge-v1[data-kc-orbit-type="range"]
.kc-orbit-arc{
  stroke:#32D6F5 !important;
  stroke-width:5px !important;

  filter:
    drop-shadow(
      0 0 3px
      rgba(50,214,245,.65)
    ) !important;
}