/* ============================================================
   KONECTA HERO COINS
   FIX EXCLUSIVO TEMA OSCURO

   IMPORTANTE:
   - no cambia posicion
   - no cambia tamaño del Hero
   - el recuadro NO participa del box-model
   ============================================================ */


/* FILA DE ICONOS - MISMA GEOMETRIA ORIGINAL */

html[data-kc-theme="system-dark"]
.kc-live-intel > .kc-hero-coins-v1,

html[data-kc-theme="system-dark"]
.kc-v42-widget > .kc-hero-coins-v1{

  position:relative !important;
  z-index:8 !important;

  display:flex !important;
  align-items:center !important;

  flex:0 0 auto !important;

  width:max-content !important;
  max-width:100% !important;

  height:auto !important;
  min-height:28px !important;

  gap:10px !important;

  margin:7px 0 3px !important;

  /* CLAVE:
     el contenedor NO tiene padding ni fondo */
  padding:0 !important;

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

  border:0 !important;
  border-radius:0 !important;

  box-shadow:none !important;

  overflow:visible !important;

  isolation:isolate !important;
}


/* RETIRAR Y CONVERTIR
   conserva el margen que ya tenían */

html[data-kc-theme="system-dark"]
.kc-v42-widget > .kc-hero-coins-v1{

  margin:0 0 8px !important;
}


/* ============================================================
   RECUADRO VISUAL
   NO OCUPA ESPACIO / NO EMPUJA NADA
   ============================================================ */

html[data-kc-theme="system-dark"]
.kc-live-intel > .kc-hero-coins-v1::before,

html[data-kc-theme="system-dark"]
.kc-v42-widget > .kc-hero-coins-v1::before{

  content:"";

  position:absolute;

  top:-3px;
  right:-6px;
  bottom:-3px;
  left:-6px;

  z-index:-1;

  background:
    rgba(0,0,0,.18);

  border:
    1px solid rgba(255,255,255,.10);

  border-radius:
    9px;

  box-sizing:border-box;

  pointer-events:none;
}


/* ============================================================
   CADA MONEDA
   ============================================================ */

html[data-kc-theme="system-dark"]
.kc-hero-coin-v1{

  display:inline-flex !important;

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

  gap:5px !important;

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

  background:transparent !important;

  border:0 !important;
  border-radius:0 !important;

  box-shadow:none !important;
}


/* LOGOS */

html[data-kc-theme="system-dark"]
.kc-hero-coin-v1 img{

  display:block !important;

  width:24px !important;
  height:24px !important;

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

  object-fit:contain !important;

  background:transparent !important;

  border:0 !important;
  border-radius:0 !important;

  box-shadow:none !important;

  filter:none !important;
}


/* TEXTO BTC / ETH / ETC */

html[data-kc-theme="system-dark"]
.kc-hero-coin-v1 > span{

  display:inline !important;

  color:
    rgba(255,255,255,.90) !important;

  font-size:9px !important;

  font-weight:850 !important;

  line-height:1 !important;
}


/* FLECHA DE CONVERTIR */

html[data-kc-theme="system-dark"]
.kc-hero-coin-arrow-v1{

  display:inline-flex !important;

  color:#32D6F5 !important;

  font-size:12px !important;
  font-weight:900 !important;

  margin:0 !important;
}


/* ============================================================
   IMPORTANTE:
   ICONOS DEBAJO DEL SUBTITULO NO SE TOCAN
   ============================================================ */

html[data-kc-theme="system-dark"]
.kc-op-copy .kc-hero-subtitle-coins{

  background:transparent !important;

  border:0 !important;

  box-shadow:none !important;
}


/* MOBILE */

@media(max-width:800px){

  html[data-kc-theme="system-dark"]
  .kc-live-intel > .kc-hero-coins-v1,

  html[data-kc-theme="system-dark"]
  .kc-v42-widget > .kc-hero-coins-v1{

    gap:7px !important;
  }

  html[data-kc-theme="system-dark"]
  .kc-hero-coin-v1 img{

    width:21px !important;
    height:21px !important;

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

}


/* ============================================================
   FIN FIX
   ============================================================ */

/* ============================================================
   DARK - ESPACIO ENTRE TITULO E ICONOS V4.2
   RETIRAR / CONVERTIR
   MISMA ALTURA TOTAL: 5px ARRIBA + 3px ABAJO
   ============================================================ */

html[data-kc-theme="system-dark"]
.kc-v42-widget > .kc-hero-coins-v1,

html[data-kc-theme="system-dark"]
#kcV42Withdraw > .kc-hero-coins-v1,

html[data-kc-theme="system-dark"]
#kcV42Convert > .kc-hero-coins-v1{

  margin:
    5px 0 3px !important;
}