/* ============================================================ KONECTA HERO COIN ICONS V1 SOLO TEMA SYSTEM ============================================================ */ .kc-hero-coins-v1{ display:none; } html[data-kc-theme="system"] .kc-hero-coins-v1{ position:relative; z-index:8; display:flex; align-items:center; flex:0 0 auto; gap:10px; margin:7px 0 3px; min-height:28px; } html[data-kc-theme="system"] .kc-v42-widget > .kc-hero-coins-v1{ margin: 0 0 8px; } /* CADA MONEDA */ html[data-kc-theme="system"] .kc-hero-coin-v1{ display:inline-flex; align-items:center; gap:5px; padding:0; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; } /* LOGO REAL, SIN CIRCULO NI FONDO */ html[data-kc-theme="system"] .kc-hero-coin-v1 img{ display:block; width:24px; height:24px; max-width:24px; max-height:24px; object-fit:contain; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; filter:none !important; } /* SIMBOLO */ html[data-kc-theme="system"] .kc-hero-coin-v1 span{ color:rgba(255,255,255,.88); font-size:9px; font-weight:850; line-height:1; letter-spacing:.03em; } /* FLECHA SOLO CONVERTIR */ html[data-kc-theme="system"] .kc-hero-coin-arrow-v1{ color:#32D6F5; font-size:14px; font-weight:900; line-height:1; } /* MOBILE */ @media(max-width:800px){ html[data-kc-theme="system"] .kc-hero-coins-v1{ gap:7px; margin-top:5px; } html[data-kc-theme="system"] .kc-hero-coin-v1 img{ width:21px; height:21px; max-width:21px; max-height:21px; } html[data-kc-theme="system"] .kc-hero-coin-v1 span{ font-size:8px; } } /* ============================================================ HERO COINS V5 MISMA POSICION ORIGINAL SOLO RECUADRO OSCURO SIN CAMBIAR ALTURA ============================================================ */ html[data-kc-theme="system"] .kc-hero-coins-v1{ /* POSICION ORIGINAL: NO FLOTANTE */ position:relative !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; transform:none !important; /* MISMO COMPORTAMIENTO ORIGINAL */ display:flex !important; align-items:center !important; width:max-content !important; max-width:100% !important; /* NO AUMENTAR ALTURA */ height:28px !important; min-height:28px !important; margin: 7px 0 3px !important; /* SOLO ESPACIO HORIZONTAL */ padding: 0 7px !important; gap: 10px !important; box-sizing:border-box !important; /* RECUADRO MAS OSCURO */ background: rgba(0,0,0,.18) !important; background-image: none !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 9px !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; pointer-events:auto !important; } /* RETIRAR / CONVERTIR: conservar exactamente el margen original */ html[data-kc-theme="system"] .kc-v42-widget > .kc-hero-coins-v1{ margin: 0 0 8px !important; } /* CADA MONEDA: SIN CAJITA INDIVIDUAL */ html[data-kc-theme="system"] .kc-hero-coin-v1{ display:inline-flex !important; align-items:center !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* LOGO: TAMAÑO ORIGINAL */ html[data-kc-theme="system"] .kc-hero-coin-v1 img{ 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; } /* RESTAURAR TEXTO DE MONEDA */ html[data-kc-theme="system"] .kc-hero-coin-v1 > span{ display:inline !important; color: rgba(255,255,255,.90) !important; font-size: 9px !important; font-weight: 850 !important; } /* CONVERTIR */ html[data-kc-theme="system"] .kc-hero-coin-arrow-v1{ display:inline-flex !important; color: #32D6F5 !important; font-size: 12px !important; margin: 0 !important; } /* ============================================================ FIN HERO COINS V5 ============================================================ */ /* ============================================================ HERO COINS V5 MISMA POSICION ORIGINAL SOLO RECUADRO OSCURO SIN CAMBIAR ALTURA ============================================================ */ html[data-kc-theme="system"] .kc-hero-coins-v1{ /* POSICION ORIGINAL: NO FLOTANTE */ position:relative !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; transform:none !important; /* MISMO COMPORTAMIENTO ORIGINAL */ display:flex !important; align-items:center !important; width:max-content !important; max-width:100% !important; /* NO AUMENTAR ALTURA */ height:28px !important; min-height:28px !important; margin: 7px 0 3px !important; /* SOLO ESPACIO HORIZONTAL */ padding: 0 7px !important; gap: 10px !important; box-sizing:border-box !important; /* RECUADRO MAS OSCURO */ background: rgba(0,0,0,.18) !important; background-image: none !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 9px !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; pointer-events:auto !important; } /* RETIRAR / CONVERTIR: conservar exactamente el margen original */ html[data-kc-theme="system"] .kc-v42-widget > .kc-hero-coins-v1{ margin: 0 0 8px !important; } /* CADA MONEDA: SIN CAJITA INDIVIDUAL */ html[data-kc-theme="system"] .kc-hero-coin-v1{ display:inline-flex !important; align-items:center !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* LOGO: TAMAÑO ORIGINAL */ html[data-kc-theme="system"] .kc-hero-coin-v1 img{ 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; } /* RESTAURAR TEXTO DE MONEDA */ html[data-kc-theme="system"] .kc-hero-coin-v1 > span{ display:inline !important; color: rgba(255,255,255,.90) !important; font-size: 9px !important; font-weight: 850 !important; } /* CONVERTIR */ html[data-kc-theme="system"] .kc-hero-coin-arrow-v1{ display:inline-flex !important; color: #32D6F5 !important; font-size: 12px !important; margin: 0 !important; } /* ============================================================ FIN HERO COINS V5 ============================================================ */