/* ================================================================ KONECTA CRYPTOS TERCER TEMA: SYSTEM / TEMA BRAND FULL V2 SOLO: - BLANCO - NEGRO - AZUL KONECTA - VARIANTES DEL MISMO AZUL POR OPACIDAD NO MODIFICA: - GEOMETRIA - POSICIONES - TAMAÑOS - RESPONSIVE - FUNCIONES ================================================================ */ /* ============================================================== 01. PALETA MAESTRA ============================================================== */ html[data-kc-theme="system"]{ --konecta-blue:#0099EC !important; --konecta-blue-rgb:0,153,236 !important; --konecta-blue-hover:#0076BC !important; --konecta-blue-deep:#005F99 !important; --konecta-blue-dark:#003E66 !important; --konecta-cyan:#0099EC !important; --konecta-green:#0076BC !important; --konecta-violet:#005F99 !important; --konecta-pink:#0099EC !important; --konecta-yellow:#0076BC !important; --konecta-orange:#005F99 !important; --konecta-red:#003E66 !important; --kc-blue:#0099EC !important; --kc-cyan:#0099EC !important; --kc-green:#0076BC !important; --kc-violet:#005F99 !important; --kc-pink:#0099EC !important; --kc-yellow:#0076BC !important; --kc-orange:#005F99 !important; --kc-red:#003E66 !important; --kc-page-bg:#FFFFFF !important; --kc-page-bg2:#FFFFFF !important; --kc-surface:#FFFFFF !important; --kc-surface2:#F7FCFF !important; --kc-surface3:#EDF8FE !important; --kc-text:#000000 !important; --kc-text2:#111111 !important; --kc-muted:#4D5960 !important; --kc-muted2:#6B7479 !important; --kc-border:rgba(0,153,236,.16) !important; --kc-header:rgba(255,255,255,.97) !important; --kc-footer-bg:#F5FBFE !important; --kc-shadow:rgba(0,95,153,.10) !important; color-scheme:light !important; } /* ============================================================== 02. DOCUMENTO / FONDO ============================================================== */ html[data-kc-theme="system"], html[data-kc-theme="system"] body{ background:#FFFFFF !important; color:#000000 !important; } html[data-kc-theme="system"] body{ background: radial-gradient( 950px 620px at 82% 0%, rgba(0,153,236,.095), transparent 68% ), radial-gradient( 800px 500px at 0% 55%, rgba(0,153,236,.045), transparent 72% ), #FFFFFF !important; } html[data-kc-theme="system"] body:before{ opacity:.35 !important; background-image: linear-gradient( rgba(0,153,236,.028) 1px, transparent 1px ), linear-gradient( 90deg, rgba(0,153,236,.028) 1px, transparent 1px ) !important; } /* ============================================================== 03. HEADER ============================================================== */ html[data-kc-theme="system"] body > header{ background: rgba(255,255,255,.97) !important; color:#000000 !important; border-bottom: 1px solid rgba(0,153,236,.12) !important; box-shadow: 0 7px 28px rgba(0,95,153,.07) !important; } html[data-kc-theme="system"] body > header.kc-scrolled{ background: rgba(255,255,255,.985) !important; box-shadow: 0 12px 36px rgba(0,95,153,.10) !important; } /* ============================================================== 04. TEXTOS ============================================================== */ html[data-kc-theme="system"] h1, html[data-kc-theme="system"] h2, html[data-kc-theme="system"] h3, html[data-kc-theme="system"] h4, html[data-kc-theme="system"] h5, html[data-kc-theme="system"] h6, html[data-kc-theme="system"] strong, html[data-kc-theme="system"] .section-title, html[data-kc-theme="system"] .hero-copy h1, html[data-kc-theme="system"] .kc-ops-heading h2, html[data-kc-theme="system"] .kc-op-copy h3, html[data-kc-theme="system"] .kc-page-hero-copy h1, html[data-kc-theme="system"] .kpx-title, html[data-kc-theme="system"] .kpx-market-copy h3, html[data-kc-theme="system"] .kpx-eco-copy h2{ color:#000000 !important; } html[data-kc-theme="system"] p, html[data-kc-theme="system"] small, html[data-kc-theme="system"] .section-text, html[data-kc-theme="system"] .hero-copy p, html[data-kc-theme="system"] .kc-ops-heading p, html[data-kc-theme="system"] .kc-op-copy p, html[data-kc-theme="system"] .kc-page-hero-copy p, html[data-kc-theme="system"] .kpx-copy, html[data-kc-theme="system"] .kpx-market-copy p, html[data-kc-theme="system"] .kpx-eco-copy p{ color:#4D5960 !important; } /* ============================================================== 05. LINKS / NAVEGACION ============================================================== */ html[data-kc-theme="system"] a{ color:inherit; } html[data-kc-theme="system"] a:hover{ color:#0076BC !important; } html[data-kc-theme="system"] .kc-mega-trigger, html[data-kc-theme="system"] nav a{ color:#2F3A40 !important; } html[data-kc-theme="system"] .kc-mega-trigger:hover, html[data-kc-theme="system"] nav a:hover, html[data-kc-theme="system"] nav a.active{ color:#0099EC !important; } /* ============================================================== 06. BOTONES PRINCIPALES ============================================================== */ html[data-kc-theme="system"] .btn-main, html[data-kc-theme="system"] .kc-op-main, html[data-kc-theme="system"] .kc-page-cta, html[data-kc-theme="system"] .newsletter button, html[data-kc-theme="system"] .kc-media-save{ background: linear-gradient( 135deg, #0099EC, #0076BC ) !important; color:#FFFFFF !important; border-color:#0099EC !important; box-shadow: 0 8px 22px rgba(0,153,236,.22) !important; } html[data-kc-theme="system"] .btn-main:hover, html[data-kc-theme="system"] .kc-op-main:hover, html[data-kc-theme="system"] .kc-page-cta:hover, html[data-kc-theme="system"] .newsletter button:hover, html[data-kc-theme="system"] .kc-media-save:hover{ background: linear-gradient( 135deg, #0076BC, #005F99 ) !important; color:#FFFFFF !important; } /* ============================================================== 07. BOTONES SECUNDARIOS ============================================================== */ html[data-kc-theme="system"] .btn-soft, html[data-kc-theme="system"] .kc-page-login{ background: rgba(0,153,236,.07) !important; color:#005F99 !important; border-color: rgba(0,153,236,.22) !important; } html[data-kc-theme="system"] .btn-soft:hover, html[data-kc-theme="system"] .kc-page-login:hover{ background: rgba(0,153,236,.13) !important; color:#0076BC !important; border-color: rgba(0,153,236,.38) !important; } /* ============================================================== 08. CARDS / PANELES / VENTANAS ============================================================== */ html[data-kc-theme="system"] .panel, html[data-kc-theme="system"] .window, html[data-kc-theme="system"] .app-window, html[data-kc-theme="system"] .analytics-large, html[data-kc-theme="system"] .analytics-card, html[data-kc-theme="system"] .circle-stat, html[data-kc-theme="system"] .service, html[data-kc-theme="system"] .placeholder, html[data-kc-theme="system"] .kpx-market, html[data-kc-theme="system"] .kpx-terminal, html[data-kc-theme="system"] .kpx-mainchart, html[data-kc-theme="system"] .kpx-sidebox, html[data-kc-theme="system"] .kpx-bottom-card, html[data-kc-theme="system"] .kpx-ecosystem, html[data-kc-theme="system"] .kc-detail-card{ background: linear-gradient( 145deg, #FFFFFF, #F7FCFF ) !important; color:#111111 !important; border-color: rgba(0,153,236,.14) !important; box-shadow: 0 17px 46px rgba(0,95,153,.075) !important; } /* ============================================================== 09. TARJETAS SERVICIOS / OPERACIONES ============================================================== */ html[data-kc-theme="system"] .service{ background:#FFFFFF !important; border: 1px solid rgba(0,153,236,.16) !important; } html[data-kc-theme="system"] .service:hover{ background: linear-gradient( 145deg, #FFFFFF, rgba(0,153,236,.055) ) !important; border-color: rgba(0,153,236,.38) !important; box-shadow: 0 18px 44px rgba(0,153,236,.11) !important; } html[data-kc-theme="system"] .kc-operation{ color:#000000 !important; } html[data-kc-theme="system"] .kc-operation:before{ color: rgba(0,153,236,.045) !important; } html[data-kc-theme="system"] .kc-operation:not(:last-child):after{ background: linear-gradient( 90deg, transparent, rgba(0,153,236,.20), transparent ) !important; } /* ============================================================== 10. WIDGETS OPERACIONES ============================================================== */ html[data-kc-theme="system"] .kc-live-widget, html[data-kc-theme="system"] .kc-flow-widget, html[data-kc-theme="system"] .kc-withdraw-widget, html[data-kc-theme="system"] .kc-convert-widget{ color:#111111 !important; background: rgba(255,255,255,.97) !important; border-color: rgba(0,153,236,.17) !important; box-shadow: 0 24px 65px rgba(0,95,153,.13) !important; } /* ============================================================== 11. INPUTS / SELECTS / SIMULADORES ============================================================== */ html[data-kc-theme="system"] input, html[data-kc-theme="system"] select, html[data-kc-theme="system"] textarea, html[data-kc-theme="system"] .kc-sim-input, html[data-kc-theme="system"] .kc-convert-box{ background:#FFFFFF !important; color:#111111 !important; border-color: rgba(0,153,236,.18) !important; } html[data-kc-theme="system"] input:focus, html[data-kc-theme="system"] select:focus, html[data-kc-theme="system"] textarea:focus{ border-color:#0099EC !important; outline:none !important; box-shadow: 0 0 0 3px rgba(0,153,236,.10) !important; } html[data-kc-theme="system"] .kc-sim-unit{ color:#005F99 !important; background: rgba(0,153,236,.09) !important; } /* ============================================================== 12. GRAFICOS / CHARTS ============================================================== */ html[data-kc-theme="system"] .multi-grid, html[data-kc-theme="system"] .analytics-chart, html[data-kc-theme="system"] .combo-chart, html[data-kc-theme="system"] .candle-chart{ background-color:#FFFFFF !important; background-image: linear-gradient( rgba(0,153,236,.055) 1px, transparent 1px ), linear-gradient( 90deg, rgba(0,153,236,.055) 1px, transparent 1px ) !important; } /* ============================================================== 13. CIRCULOS / DONUTS / RINGS ============================================================== */ html[data-kc-theme="system"] .stat-ring:before, html[data-kc-theme="system"] .kpx-ring:after, html[data-kc-theme="system"] .wallet-donut:after, html[data-kc-theme="system"] .large-donut:after, html[data-kc-theme="system"] .rings-mini:after, html[data-kc-theme="system"] .donut:after{ background:#FFFFFF !important; } /* ============================================================== 14. MEGA MENU ============================================================== */ html[data-kc-theme="system"] .kc-mega-panel{ background: rgba(255,255,255,.99) !important; border-color: rgba(0,153,236,.14) !important; box-shadow: 0 28px 80px rgba(0,95,153,.13) !important; } html[data-kc-theme="system"] .kc-mega-card{ border-color:transparent !important; } html[data-kc-theme="system"] .kc-mega-card:hover{ background: rgba(0,153,236,.065) !important; border-color: rgba(0,153,236,.15) !important; } html[data-kc-theme="system"] .kc-mega-copy strong{ color:#000000 !important; } html[data-kc-theme="system"] .kc-mega-copy span{ color:#59666D !important; } /* ============================================================== 15. HERO / ELEMENTOS VISUALES ============================================================== */ html[data-kc-theme="system"] .kc-operations-hero, html[data-kc-theme="system"] #kcHomeStage{ background: radial-gradient( 900px 540px at 72% 18%, rgba(0,153,236,.10), transparent 68% ), linear-gradient( 180deg, #FFFFFF, #F8FCFF ) !important; } html[data-kc-theme="system"] .kc-op-photo, html[data-kc-theme="system"] .visual{ filter:none !important; } /* ============================================================== 16. MARKET / TICKERS ============================================================== */ html[data-kc-theme="system"] .market-strip, html[data-kc-theme="system"] .kc-market-strip, html[data-kc-theme="system"] .ticker, html[data-kc-theme="system"] .kc-ticker{ background: linear-gradient( 90deg, #005F99, #0099EC, #005F99 ) !important; color:#FFFFFF !important; border-color: rgba(255,255,255,.16) !important; } html[data-kc-theme="system"] .market-strip *, html[data-kc-theme="system"] .kc-market-strip *, html[data-kc-theme="system"] .ticker *, html[data-kc-theme="system"] .kc-ticker *{ color:#FFFFFF !important; } /* ============================================================== 17. BADGES / ETIQUETAS / INDICADORES ============================================================== */ html[data-kc-theme="system"] .badge, html[data-kc-theme="system"] .pill, html[data-kc-theme="system"] .tag, html[data-kc-theme="system"] .chip{ background: rgba(0,153,236,.09) !important; color:#005F99 !important; border-color: rgba(0,153,236,.18) !important; } /* ============================================================== 18. ICONOS ============================================================== */ html[data-kc-theme="system"] .icon-circle, html[data-kc-theme="system"] .kc-quick-icon, html[data-kc-theme="system"] .kc-empty-icon{ background: rgba(0,153,236,.09) !important; color:#0099EC !important; border-color: rgba(0,153,236,.17) !important; } /* ============================================================== 19. DRAWERS / MODALES ============================================================== */ html[data-kc-theme="system"] #kcGeneralDrawer, html[data-kc-theme="system"] .kc-smart-drawer, html[data-kc-theme="system"] .kc-general-pane{ background: rgba(255,255,255,.985) !important; color:#111111 !important; border-color: rgba(0,153,236,.18) !important; box-shadow: 18px 0 60px rgba(0,95,153,.13) !important; } html[data-kc-theme="system"] #kcGeneralBackdrop{ background: rgba(0,0,0,.26) !important; } /* ============================================================== 20. PESTAÑA EXPLORAR ============================================================== */ html[data-kc-theme="system"] #kcGeneralLauncher{ background: linear-gradient( 180deg, #005F99, #0099EC ) !important; color:#FFFFFF !important; border-color: rgba(0,153,236,.45) !important; box-shadow: 10px 0 30px rgba(0,95,153,.20) !important; } html[data-kc-theme="system"] #kcGeneralLauncher span:first-child{ color:#FFFFFF !important; } /* ============================================================== 21. PESTAÑA TEMA ============================================================== */ html[data-kc-theme="system"] .kc-theme-tab-v1{ background: linear-gradient( 180deg, #0099EC, #0076BC ) !important; color:#FFFFFF !important; border-color: #0099EC !important; box-shadow: 10px 0 30px rgba(0,153,236,.20) !important; } /* ============================================================== 22. FOOTER ============================================================== */ html[data-kc-theme="system"] footer{ background: radial-gradient( 700px 380px at 10% 5%, rgba(0,153,236,.10), transparent 70% ), linear-gradient( 180deg, #F7FCFF, #EDF8FE ) !important; color:#4D5960 !important; border-color: rgba(0,153,236,.14) !important; } html[data-kc-theme="system"] .footer-news h2, html[data-kc-theme="system"] .footer-col strong{ color:#000000 !important; } html[data-kc-theme="system"] .footer-col a, html[data-kc-theme="system"] .footer-brand-copy{ color:#4D5960 !important; } html[data-kc-theme="system"] .footer-col a:hover{ color:#0099EC !important; } html[data-kc-theme="system"] .footer-badge{ color:#005F99 !important; background: rgba(255,255,255,.72) !important; border-color: rgba(0,153,236,.14) !important; } /* ============================================================== 23. TABLAS ============================================================== */ html[data-kc-theme="system"] table{ color:#111111 !important; } html[data-kc-theme="system"] th{ color:#000000 !important; background: rgba(0,153,236,.07) !important; border-color: rgba(0,153,236,.14) !important; } html[data-kc-theme="system"] td{ color:#333333 !important; border-color: rgba(0,153,236,.10) !important; } html[data-kc-theme="system"] tr:hover td{ background: rgba(0,153,236,.035) !important; } /* ============================================================== 24. SCROLLBAR ============================================================== */ html[data-kc-theme="system"] *{ scrollbar-color: rgba(0,153,236,.45) rgba(0,153,236,.055); } html[data-kc-theme="system"] ::-webkit-scrollbar-track{ background: rgba(0,153,236,.05); } html[data-kc-theme="system"] ::-webkit-scrollbar-thumb{ background: rgba(0,153,236,.42); border-radius:999px; } /* ============================================================== 25. SELECCION ============================================================== */ html[data-kc-theme="system"] ::selection{ background: rgba(0,153,236,.22); color:#000000; } /* ============================================================== 26. FOCUS ============================================================== */ html[data-kc-theme="system"] :focus-visible{ outline: 2px solid #0099EC !important; outline-offset:2px; } /* ============================================================== FIN ============================================================== */ /* ============================================================ TEMA SYSTEM - CARDS E ICONOS SOLO COLORES DEL LOGO ============================================================ */ /* TARJETAS GENERALES */ html[data-kc-theme="system"] .service, html[data-kc-theme="system"] .panel, html[data-kc-theme="system"] .window, html[data-kc-theme="system"] .app-window, html[data-kc-theme="system"] .analytics-card, html[data-kc-theme="system"] .analytics-large, html[data-kc-theme="system"] .circle-stat, html[data-kc-theme="system"] .kc-detail-card, html[data-kc-theme="system"] .kpx-market, html[data-kc-theme="system"] .kpx-terminal, html[data-kc-theme="system"] .kpx-mainchart, html[data-kc-theme="system"] .kpx-sidebox, html[data-kc-theme="system"] .kpx-bottom-card{ background: linear-gradient( 145deg, #FFFFFF 0%, #F5FBFF 100% ) !important; border: 1px solid rgba(0,153,236,.18) !important; color:#111111 !important; box-shadow: 0 16px 42px rgba(0,95,153,.08) !important; } /* HOVER TARJETAS */ html[data-kc-theme="system"] .service:hover, html[data-kc-theme="system"] .analytics-card:hover, html[data-kc-theme="system"] .circle-stat:hover, html[data-kc-theme="system"] .kc-detail-card:hover{ background: linear-gradient( 145deg, #FFFFFF, rgba(0,153,236,.07) ) !important; border-color: rgba(0,153,236,.42) !important; box-shadow: 0 18px 48px rgba(0,153,236,.13) !important; } /* TARJETAS DE OPERACIONES */ html[data-kc-theme="system"] .kc-live-widget, html[data-kc-theme="system"] .kc-flow-widget, html[data-kc-theme="system"] .kc-withdraw-widget, html[data-kc-theme="system"] .kc-convert-widget{ background: linear-gradient( 145deg, #FFFFFF, #F2FAFF ) !important; border: 1px solid rgba(0,153,236,.20) !important; color:#111111 !important; } /* ICONOS REDONDOS */ html[data-kc-theme="system"] .icon-circle, html[data-kc-theme="system"] .kc-quick-icon, html[data-kc-theme="system"] .kc-empty-icon{ background: linear-gradient( 145deg, rgba(0,153,236,.12), rgba(0,118,188,.08) ) !important; border: 1px solid rgba(0,153,236,.24) !important; color:#0099EC !important; box-shadow: 0 7px 18px rgba(0,153,236,.10) !important; } /* SVG / ICONOS INTERNOS */ html[data-kc-theme="system"] .icon-circle svg, html[data-kc-theme="system"] .kc-quick-icon svg, html[data-kc-theme="system"] .kc-empty-icon svg{ color:#0099EC !important; fill:currentColor; } /* ICONOS ACTIVOS */ html[data-kc-theme="system"] .active .icon-circle, html[data-kc-theme="system"] .active .kc-quick-icon, html[data-kc-theme="system"] .service:hover .icon-circle{ background: linear-gradient( 135deg, #0099EC, #0076BC ) !important; color:#FFFFFF !important; border-color:#0099EC !important; } html[data-kc-theme="system"] .active .icon-circle svg, html[data-kc-theme="system"] .active .kc-quick-icon svg, html[data-kc-theme="system"] .service:hover .icon-circle svg{ color:#FFFFFF !important; } /* QUITAR COLORES VIEJOS DE ACENTOS EN CARDS */ html[data-kc-theme="system"] .service, html[data-kc-theme="system"] .service *, html[data-kc-theme="system"] .kc-detail-card, html[data-kc-theme="system"] .kc-detail-card *{ --green:#0099EC !important; --red:#005F99 !important; --yellow:#0076BC !important; --violet:#005F99 !important; --pink:#0099EC !important; --orange:#0076BC !important; --cyan:#0099EC !important; --blue:#0099EC !important; } /* BORDES / LINEAS DECORATIVAS */ html[data-kc-theme="system"] .service:before, html[data-kc-theme="system"] .service:after, html[data-kc-theme="system"] .kc-detail-card:before, html[data-kc-theme="system"] .kc-detail-card:after{ border-color: rgba(0,153,236,.25) !important; } /* TEXTO DENTRO DE CARDS */ html[data-kc-theme="system"] .service h3, html[data-kc-theme="system"] .service strong, html[data-kc-theme="system"] .kc-detail-card h3, html[data-kc-theme="system"] .kc-detail-card strong{ color:#000000 !important; } html[data-kc-theme="system"] .service p, html[data-kc-theme="system"] .kc-detail-card p{ color:#4D5960 !important; } /* ============================================================ KONECTA TEMA V4 DIFERENCIA VISUAL REAL CONTRA LIGHT SOLO PALETA KONECTA ============================================================ */ /* ------------------------------------------------------------ LAS 5 TARJETAS PRINCIPALES ------------------------------------------------------------ */ html[data-kc-theme="system"] #servicios .service{ background: linear-gradient( 145deg, #0099EC 0%, #0076BC 100% ) !important; border: 1px solid rgba(0,95,153,.30) !important; color:#FFFFFF !important; box-shadow: 0 16px 38px rgba(0,95,153,.20) !important; } /* variaciones SOLO dentro de los azules Konecta */ html[data-kc-theme="system"] #servicios .service:nth-child(2){ background: linear-gradient( 145deg, #0076BC, #005F99 ) !important; } html[data-kc-theme="system"] #servicios .service:nth-child(3){ background: linear-gradient( 145deg, #0099EC, #005F99 ) !important; } html[data-kc-theme="system"] #servicios .service:nth-child(4){ background: linear-gradient( 145deg, #005F99, #0076BC ) !important; } html[data-kc-theme="system"] #servicios .service:nth-child(5){ background: linear-gradient( 145deg, #0076BC, #0099EC ) !important; } /* ------------------------------------------------------------ TODO TEXTO DENTRO DE ESAS TARJETAS ------------------------------------------------------------ */ html[data-kc-theme="system"] #servicios .service h1, html[data-kc-theme="system"] #servicios .service h2, html[data-kc-theme="system"] #servicios .service h3, html[data-kc-theme="system"] #servicios .service h4, html[data-kc-theme="system"] #servicios .service strong, html[data-kc-theme="system"] #servicios .service p, html[data-kc-theme="system"] #servicios .service span, html[data-kc-theme="system"] #servicios .service small, html[data-kc-theme="system"] #servicios .service a{ color:#FFFFFF !important; } /* texto secundario */ html[data-kc-theme="system"] #servicios .service p, html[data-kc-theme="system"] #servicios .service small{ opacity:.84 !important; } /* ------------------------------------------------------------ ICONOS DE LAS TARJETAS ------------------------------------------------------------ */ html[data-kc-theme="system"] #servicios .service svg, html[data-kc-theme="system"] #servicios .service i, html[data-kc-theme="system"] #servicios .service .icon, html[data-kc-theme="system"] #servicios .service [class*="icon"]{ color:#FFFFFF !important; stroke:currentColor !important; } /* cajas/fondos donde viven iconos */ html[data-kc-theme="system"] #servicios .service .icon-circle, html[data-kc-theme="system"] #servicios .service .kc-quick-icon, html[data-kc-theme="system"] #servicios .service .kc-empty-icon, html[data-kc-theme="system"] #servicios .service [class*="icon-wrap"], html[data-kc-theme="system"] #servicios .service [class*="icon-box"]{ background: rgba(255,255,255,.15) !important; color:#FFFFFF !important; border-color: rgba(255,255,255,.30) !important; box-shadow:none !important; } /* ------------------------------------------------------------ QUITAR ACENTOS VERDE/VIOLETA/ROSA/AMARILLO ------------------------------------------------------------ */ html[data-kc-theme="system"] #servicios .service, html[data-kc-theme="system"] #servicios .service *{ --kc-blue:#0099EC !important; --kc-cyan:#0099EC !important; --kc-green:#0099EC !important; --kc-violet:#0076BC !important; --kc-pink:#0099EC !important; --kc-yellow:#0076BC !important; --kc-orange:#005F99 !important; --kc-red:#005F99 !important; --blue:#0099EC !important; --cyan:#0099EC !important; --green:#0099EC !important; --violet:#0076BC !important; --pink:#0099EC !important; --yellow:#0076BC !important; --orange:#005F99 !important; --red:#005F99 !important; } /* ------------------------------------------------------------ HOVER ------------------------------------------------------------ */ html[data-kc-theme="system"] #servicios .service:hover{ background: linear-gradient( 145deg, #005F99, #0099EC ) !important; border-color: rgba(255,255,255,.48) !important; box-shadow: 0 20px 52px rgba(0,95,153,.28) !important; } /* ------------------------------------------------------------ WIDGETS GRANDES TEMA = AZUL MUY SUAVE, NO BLANCO LIGHT ------------------------------------------------------------ */ html[data-kc-theme="system"] .kc-live-widget, html[data-kc-theme="system"] .kc-flow-widget, html[data-kc-theme="system"] .kc-withdraw-widget, html[data-kc-theme="system"] .kc-convert-widget{ background: linear-gradient( 145deg, #EDF8FE, #FFFFFF ) !important; border: 2px solid rgba(0,153,236,.24) !important; box-shadow: 0 22px 55px rgba(0,95,153,.13) !important; } /* ------------------------------------------------------------ ACENTOS DE WIDGETS ------------------------------------------------------------ */ html[data-kc-theme="system"] .kc-live-widget svg, html[data-kc-theme="system"] .kc-flow-widget svg, html[data-kc-theme="system"] .kc-withdraw-widget svg, html[data-kc-theme="system"] .kc-convert-widget svg{ color:#0099EC !important; } /* ------------------------------------------------------------ TEMA ACTIVO: LA PESTAÑA SE VE CLARAMENTE ------------------------------------------------------------ */ html[data-kc-theme="system"] .kc-theme-tab-v1{ background:#0099EC !important; color:#FFFFFF !important; border-color:#005F99 !important; } /* ============================================================ TEMA SYSTEM V5 CLARO PLANO + AZUL OSCURO PLANO ============================================================ */ /* ------------------------------------------------------------ BASE GENERAL: QUITAR DIFUMINADOS / SOMBRAS / BLUR ------------------------------------------------------------ */ html[data-kc-theme="system"], html[data-kc-theme="system"] body{ background:#FFFFFF !important; background-image:none !important; color:#000000 !important; } html[data-kc-theme="system"] body:before, html[data-kc-theme="system"] body:after{ content:none !important; display:none !important; } html[data-kc-theme="system"] body > header, html[data-kc-theme="system"] footer, html[data-kc-theme="system"] .kc-mega-panel, html[data-kc-theme="system"] #kcGeneralDrawer, html[data-kc-theme="system"] .kc-smart-drawer, html[data-kc-theme="system"] .kc-general-pane, html[data-kc-theme="system"] .panel, html[data-kc-theme="system"] .window, html[data-kc-theme="system"] .app-window, html[data-kc-theme="system"] .analytics-large, html[data-kc-theme="system"] .analytics-card, html[data-kc-theme="system"] .circle-stat, html[data-kc-theme="system"] .kc-detail-card, html[data-kc-theme="system"] .kpx-market, html[data-kc-theme="system"] .kpx-terminal, html[data-kc-theme="system"] .kpx-mainchart, html[data-kc-theme="system"] .kpx-sidebox, html[data-kc-theme="system"] .kpx-bottom-card, html[data-kc-theme="system"] .kc-live-widget, html[data-kc-theme="system"] .kc-flow-widget, html[data-kc-theme="system"] .kc-withdraw-widget, html[data-kc-theme="system"] .kc-convert-widget{ background:#FFFFFF !important; background-image:none !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; border-color:rgba(2,80,248,.16) !important; } /* ------------------------------------------------------------ HERO / ESCENARIO = PLANO ------------------------------------------------------------ */ html[data-kc-theme="system"] #kcHomeStage, html[data-kc-theme="system"] .kc-operations-hero, html[data-kc-theme="system"] .hero-system, html[data-kc-theme="system"] .visual{ background:#FFFFFF !important; background-image:none !important; box-shadow:none !important; filter:none !important; } /* ------------------------------------------------------------ 5 TARJETAS PRINCIPALES = AZUL OSCURO PLANO ------------------------------------------------------------ */ html[data-kc-theme="system"] #servicios .service, html[data-kc-theme="system"] #servicios .service:nth-child(1), html[data-kc-theme="system"] #servicios .service:nth-child(2), html[data-kc-theme="system"] #servicios .service:nth-child(3), html[data-kc-theme="system"] #servicios .service:nth-child(4), html[data-kc-theme="system"] #servicios .service:nth-child(5){ background:#0250F8 !important; background-image:none !important; border:1px solid #0250F8 !important; box-shadow:none !important; color:#FFFFFF !important; } /* hover plano, sin degradado */ html[data-kc-theme="system"] #servicios .service:hover{ background:#0250F8 !important; background-image:none !important; border-color:#003CC9 !important; box-shadow:none !important; transform:none !important; } /* ------------------------------------------------------------ TEXTO DENTRO DE LAS 5 TARJETAS ------------------------------------------------------------ */ html[data-kc-theme="system"] #servicios .service h1, html[data-kc-theme="system"] #servicios .service h2, html[data-kc-theme="system"] #servicios .service h3, html[data-kc-theme="system"] #servicios .service h4, html[data-kc-theme="system"] #servicios .service strong, html[data-kc-theme="system"] #servicios .service p, html[data-kc-theme="system"] #servicios .service span, html[data-kc-theme="system"] #servicios .service small, html[data-kc-theme="system"] #servicios .service a{ color:#FFFFFF !important; } html[data-kc-theme="system"] #servicios .service p, html[data-kc-theme="system"] #servicios .service small{ opacity:.9 !important; } /* ------------------------------------------------------------ ICONOS DE LAS 5 TARJETAS ------------------------------------------------------------ */ html[data-kc-theme="system"] #servicios .service svg, html[data-kc-theme="system"] #servicios .service i, html[data-kc-theme="system"] #servicios .service .icon, html[data-kc-theme="system"] #servicios .service [class*="icon"]{ color:#FFFFFF !important; fill:currentColor !important; stroke:currentColor !important; } html[data-kc-theme="system"] #servicios .service .icon-circle, html[data-kc-theme="system"] #servicios .service .kc-quick-icon, html[data-kc-theme="system"] #servicios .service .kc-empty-icon, html[data-kc-theme="system"] #servicios .service [class*="icon-wrap"], html[data-kc-theme="system"] #servicios .service [class*="icon-box"]{ background:rgba(255,255,255,.14) !important; background-image:none !important; color:#FFFFFF !important; border:1px solid rgba(255,255,255,.24) !important; box-shadow:none !important; } /* ------------------------------------------------------------ BOTONES / LINKS DEL TEMA = PLANOS ------------------------------------------------------------ */ html[data-kc-theme="system"] .btn-main, html[data-kc-theme="system"] .kc-op-main, html[data-kc-theme="system"] .kc-page-cta, html[data-kc-theme="system"] .newsletter button, html[data-kc-theme="system"] .kc-media-save{ background:#0250F8 !important; background-image:none !important; border-color:#0250F8 !important; color:#FFFFFF !important; box-shadow:none !important; } html[data-kc-theme="system"] .btn-soft, html[data-kc-theme="system"] .kc-page-login{ background:#FFFFFF !important; background-image:none !important; border:1px solid rgba(2,80,248,.22) !important; color:#0250F8 !important; box-shadow:none !important; } /* ------------------------------------------------------------ PESTAÑAS LATERALES ------------------------------------------------------------ */ html[data-kc-theme="system"] #kcGeneralLauncher{ background:#0250F8 !important; background-image:none !important; color:#FFFFFF !important; box-shadow:none !important; border-color:#0250F8 !important; } html[data-kc-theme="system"] .kc-theme-tab-v1{ background:#0250F8 !important; background-image:none !important; color:#FFFFFF !important; box-shadow:none !important; border-color:#0250F8 !important; } /* ============================================================ KONECTA SYSTEM V6 HERO - PALETA COMPLETA DEL LOGO SOLO TEMA SYSTEM ============================================================ */ /* ============================================================ PALETA POR OPERACION ============================================================ */ /* COMPRA = AZUL OSCURO */ html[data-kc-theme="system"] #operaciones-kc .kc-operation-buy{ --hero-card:#005F99; --hero-accent:#32D6F5; --hero-accent2:#0099EC; --hero-text:#FFFFFF; } /* VENTA = AZUL PROFUNDO */ html[data-kc-theme="system"] #operaciones-kc .kc-operation-sell{ --hero-card:#0076BC; --hero-accent:#32D6F5; --hero-accent2:#18A6F2; --hero-text:#FFFFFF; } /* DEPOSITAR = AZUL OFICIAL */ html[data-kc-theme="system"] #operaciones-kc .kc-operation-deposit{ --hero-card:#0099EC; --hero-accent:#005F99; --hero-accent2:#32D6F5; --hero-text:#FFFFFF; } /* RETIRAR = AZUL BRILLANTE */ html[data-kc-theme="system"] #operaciones-kc .kc-operation-withdraw{ --hero-card:#18A6F2; --hero-accent:#005F99; --hero-accent2:#32D6F5; --hero-text:#FFFFFF; } /* CONVERTIR = CELESTE */ html[data-kc-theme="system"] #operaciones-kc .kc-operation-convert{ --hero-card:#32D6F5; --hero-accent:#005F99; --hero-accent2:#0076BC; --hero-text:#003E66; } /* ============================================================ MAPEAR COLORES VIEJOS A LA PALETA DEL LOGO SOLO DENTRO DEL HERO ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-operation{ --kc-blue:var(--hero-accent) !important; --kc-cyan:var(--hero-accent2) !important; --kc-green:var(--hero-accent) !important; --kc-violet:var(--hero-accent2) !important; --kc-pink:var(--hero-accent) !important; --kc-yellow:var(--hero-accent2) !important; --kc-orange:var(--hero-accent) !important; --kc-red:var(--hero-accent2) !important; --blue:var(--hero-accent) !important; --cyan:var(--hero-accent2) !important; --green:var(--hero-accent) !important; --violet:var(--hero-accent2) !important; --pink:var(--hero-accent) !important; --yellow:var(--hero-accent2) !important; --orange:var(--hero-accent) !important; --red:var(--hero-accent2) !important; } /* ============================================================ TARJETAS / WIDGETS DEL HERO COLORES PLANOS - SIN GRADIENTES ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-live-widget, html[data-kc-theme="system"] #operaciones-kc .kc-flow-widget, html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget, html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget{ background: var(--hero-card) !important; background-image: none !important; color: var(--hero-text) !important; border: 1px solid var(--hero-card) !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* ============================================================ TEXTO DENTRO DE TARJETAS HERO ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-live-widget h1, html[data-kc-theme="system"] #operaciones-kc .kc-live-widget h2, html[data-kc-theme="system"] #operaciones-kc .kc-live-widget h3, html[data-kc-theme="system"] #operaciones-kc .kc-live-widget strong, html[data-kc-theme="system"] #operaciones-kc .kc-live-widget span, html[data-kc-theme="system"] #operaciones-kc .kc-flow-widget h1, html[data-kc-theme="system"] #operaciones-kc .kc-flow-widget h2, html[data-kc-theme="system"] #operaciones-kc .kc-flow-widget h3, html[data-kc-theme="system"] #operaciones-kc .kc-flow-widget strong, html[data-kc-theme="system"] #operaciones-kc .kc-flow-widget span, html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget h1, html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget h2, html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget h3, html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget strong, html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget span, html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget h1, html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget h2, html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget h3, html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget strong, html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget span{ color: var(--hero-text) !important; } /* ============================================================ SUBTEXTO ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-live-widget p, html[data-kc-theme="system"] #operaciones-kc .kc-flow-widget p, html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget p, html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget p{ color: var(--hero-text) !important; opacity:.78 !important; } /* ============================================================ GRAFICO PRINCIPAL MINI CHART ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-operation .kc-mini-chart path{ stroke: var(--hero-accent) !important; fill: none !important; } /* ============================================================ SVG DE GRAFICOS ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-live-widget svg [stroke]:not([stroke="none"]), html[data-kc-theme="system"] #operaciones-kc .kc-flow-widget svg [stroke]:not([stroke="none"]), html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget svg [stroke]:not([stroke="none"]), html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget svg [stroke]:not([stroke="none"]){ stroke: var(--hero-accent) !important; } /* ============================================================ PUNTOS / CIRCULOS DEL GRAFICO ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-live-widget svg circle, html[data-kc-theme="system"] #operaciones-kc .kc-flow-widget svg circle, html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget svg circle, html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget svg circle{ stroke: var(--hero-accent2) !important; fill: var(--hero-accent2) !important; } /* ============================================================ LINEA DE FLUJO DEPOSITAR ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-flow-line{ border-color: var(--hero-accent) !important; color: var(--hero-accent) !important; } html[data-kc-theme="system"] #operaciones-kc .kc-flow-line:before{ background: var(--hero-accent2) !important; background-image: none !important; } /* ============================================================ BARRAS / PROGRESS / METERS ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-operation [class*="progress"] > *, html[data-kc-theme="system"] #operaciones-kc .kc-operation [class*="bar"] > *, html[data-kc-theme="system"] #operaciones-kc .kc-operation [class*="meter"] > *{ background: var(--hero-accent) !important; background-image: none !important; } /* ============================================================ RINGS / DONUTS / CIRCULOS ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-operation [class*="ring"], html[data-kc-theme="system"] #operaciones-kc .kc-operation [class*="donut"]{ color: var(--hero-accent) !important; border-color: var(--hero-accent) !important; } /* ============================================================ COLORES INLINE ANTIGUOS EN EL HERO ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-operation [style*="color:"]{ color: var(--hero-accent) !important; } /* ============================================================ PEQUEÑAS TARJETAS INTERNAS DEL WIDGET ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-operation .kc-live-widget > div, html[data-kc-theme="system"] #operaciones-kc .kc-operation .kc-flow-widget > div, html[data-kc-theme="system"] #operaciones-kc .kc-operation .kc-withdraw-widget > div, html[data-kc-theme="system"] #operaciones-kc .kc-operation .kc-convert-widget > div{ border-color: rgba(255,255,255,.18) !important; } /* CONVERTIR ES CELESTE: USA BORDE OSCURO PARA CONTRASTE */ html[data-kc-theme="system"] #operaciones-kc .kc-operation-convert .kc-convert-widget > div{ border-color: rgba(0,95,153,.20) !important; } /* ============================================================ KONECTA SYSTEM V7 HERO COMPLETO - AZULES DEL LOGO - PLANO ============================================================ */ /* TARJETAS GRANDES DEL HERO */ html[data-kc-theme="system"] #operaciones-kc .kc-live-widget, html[data-kc-theme="system"] #operaciones-kc .kc-flow-widget, html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget, html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget{ background:#005F99 !important; background-image:none !important; border:1px solid #0076BC !important; box-shadow:none !important; color:#FFFFFF !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } /* QUITAR PSEUDOELEMENTOS OSCUROS */ html[data-kc-theme="system"] #operaciones-kc .kc-live-widget:before, html[data-kc-theme="system"] #operaciones-kc .kc-live-widget:after, html[data-kc-theme="system"] #operaciones-kc .kc-flow-widget:before, html[data-kc-theme="system"] #operaciones-kc .kc-flow-widget:after, html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget:before, html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget:after, html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget:before, html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget:after{ box-shadow:none !important; filter:none !important; } /* TEXTO DEL WIDGET */ html[data-kc-theme="system"] #operaciones-kc .kc-live-widget *, html[data-kc-theme="system"] #operaciones-kc .kc-flow-widget *, html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget *, html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget *{ border-color:rgba(50,214,245,.22); } /* TITULOS Y NUMEROS */ html[data-kc-theme="system"] #operaciones-kc .kc-live-widget strong, html[data-kc-theme="system"] #operaciones-kc .kc-flow-widget strong, html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget strong, html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget strong, html[data-kc-theme="system"] #operaciones-kc .kc-live-widget h3, html[data-kc-theme="system"] #operaciones-kc .kc-flow-widget h3, html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget h3, html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget h3{ color:#FFFFFF !important; } /* CAJITAS INTERNAS DEL HERO */ html[data-kc-theme="system"] #operaciones-kc .kc-operation [class*="stat"], html[data-kc-theme="system"] #operaciones-kc .kc-operation [class*="metric"], html[data-kc-theme="system"] #operaciones-kc .kc-operation [class*="data-box"], html[data-kc-theme="system"] #operaciones-kc .kc-operation [class*="mini-box"]{ background:#0076BC !important; background-image:none !important; border-color:rgba(50,214,245,.24) !important; box-shadow:none !important; color:#FFFFFF !important; } /* ============================================================ GRAFICOS SVG ============================================================ */ /* TODAS LAS LINEAS */ html[data-kc-theme="system"] #operaciones-kc .kc-operation svg path[stroke], html[data-kc-theme="system"] #operaciones-kc .kc-operation svg line, html[data-kc-theme="system"] #operaciones-kc .kc-operation svg polyline{ stroke:#32D6F5 !important; } /* PUNTOS */ html[data-kc-theme="system"] #operaciones-kc .kc-operation svg circle{ stroke:#32D6F5 !important; fill:#0099EC !important; } /* BARRAS DE GRAFICOS */ html[data-kc-theme="system"] #operaciones-kc .kc-operation svg rect{ fill:#0099EC !important; } /* MINI CHART */ html[data-kc-theme="system"] #operaciones-kc .kc-mini-chart path{ stroke:#32D6F5 !important; fill:none !important; } /* ============================================================ DEPOSITAR - FLOW ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-flow-line{ background:#0099EC !important; background-image:none !important; border-color:#0099EC !important; color:#32D6F5 !important; } html[data-kc-theme="system"] #operaciones-kc .kc-flow-line:before{ background:#32D6F5 !important; background-image:none !important; box-shadow:none !important; } /* ============================================================ RETIRAR - BARRAS ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget [class*="bar"]{ background:#0076BC !important; background-image:none !important; } html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget [class*="bar"] > *{ background:#32D6F5 !important; background-image:none !important; } /* ============================================================ CONVERTIR ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget [class*="box"]{ background:#0076BC !important; background-image:none !important; border-color:#0099EC !important; color:#FFFFFF !important; } /* ============================================================ ELIMINAR VERDES / MORADOS / ROSAS / AMARILLOS DEL HERO MEDIANTE VARIABLES ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-operation, html[data-kc-theme="system"] #operaciones-kc .kc-operation *{ --kc-blue:#0099EC !important; --kc-cyan:#32D6F5 !important; --kc-green:#32D6F5 !important; --kc-violet:#0099EC !important; --kc-pink:#32D6F5 !important; --kc-yellow:#0099EC !important; --kc-orange:#0076BC !important; --kc-red:#005F99 !important; --green:#32D6F5 !important; --violet:#0099EC !important; --pink:#32D6F5 !important; --yellow:#0099EC !important; --orange:#0076BC !important; --red:#005F99 !important; } /* SIN SOMBRA OSCURA EN VISUAL DEL HERO */ html[data-kc-theme="system"] #operaciones-kc .kc-op-visual{ box-shadow:none !important; filter:none !important; } /* FOTO SE CONSERVA NORMAL */ html[data-kc-theme="system"] #operaciones-kc .kc-op-photo, html[data-kc-theme="system"] #operaciones-kc .kc-op-photo img{ background:transparent !important; } /* ============================================================ KONECTA SYSTEM V7 HERO COMPLETO - AZULES DEL LOGO - PLANO ============================================================ */ /* TARJETAS GRANDES DEL HERO */ html[data-kc-theme="system"] #operaciones-kc .kc-live-widget, html[data-kc-theme="system"] #operaciones-kc .kc-flow-widget, html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget, html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget{ background:#005F99 !important; background-image:none !important; border:1px solid #0076BC !important; box-shadow:none !important; color:#FFFFFF !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } /* QUITAR PSEUDOELEMENTOS OSCUROS */ html[data-kc-theme="system"] #operaciones-kc .kc-live-widget:before, html[data-kc-theme="system"] #operaciones-kc .kc-live-widget:after, html[data-kc-theme="system"] #operaciones-kc .kc-flow-widget:before, html[data-kc-theme="system"] #operaciones-kc .kc-flow-widget:after, html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget:before, html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget:after, html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget:before, html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget:after{ box-shadow:none !important; filter:none !important; } /* TEXTO DEL WIDGET */ html[data-kc-theme="system"] #operaciones-kc .kc-live-widget *, html[data-kc-theme="system"] #operaciones-kc .kc-flow-widget *, html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget *, html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget *{ border-color:rgba(50,214,245,.22); } /* TITULOS Y NUMEROS */ html[data-kc-theme="system"] #operaciones-kc .kc-live-widget strong, html[data-kc-theme="system"] #operaciones-kc .kc-flow-widget strong, html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget strong, html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget strong, html[data-kc-theme="system"] #operaciones-kc .kc-live-widget h3, html[data-kc-theme="system"] #operaciones-kc .kc-flow-widget h3, html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget h3, html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget h3{ color:#FFFFFF !important; } /* CAJITAS INTERNAS DEL HERO */ html[data-kc-theme="system"] #operaciones-kc .kc-operation [class*="stat"], html[data-kc-theme="system"] #operaciones-kc .kc-operation [class*="metric"], html[data-kc-theme="system"] #operaciones-kc .kc-operation [class*="data-box"], html[data-kc-theme="system"] #operaciones-kc .kc-operation [class*="mini-box"]{ background:#0076BC !important; background-image:none !important; border-color:rgba(50,214,245,.24) !important; box-shadow:none !important; color:#FFFFFF !important; } /* ============================================================ GRAFICOS SVG ============================================================ */ /* TODAS LAS LINEAS */ html[data-kc-theme="system"] #operaciones-kc .kc-operation svg path[stroke], html[data-kc-theme="system"] #operaciones-kc .kc-operation svg line, html[data-kc-theme="system"] #operaciones-kc .kc-operation svg polyline{ stroke:#32D6F5 !important; } /* PUNTOS */ html[data-kc-theme="system"] #operaciones-kc .kc-operation svg circle{ stroke:#32D6F5 !important; fill:#0099EC !important; } /* BARRAS DE GRAFICOS */ html[data-kc-theme="system"] #operaciones-kc .kc-operation svg rect{ fill:#0099EC !important; } /* MINI CHART */ html[data-kc-theme="system"] #operaciones-kc .kc-mini-chart path{ stroke:#32D6F5 !important; fill:none !important; } /* ============================================================ DEPOSITAR - FLOW ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-flow-line{ background:#0099EC !important; background-image:none !important; border-color:#0099EC !important; color:#32D6F5 !important; } html[data-kc-theme="system"] #operaciones-kc .kc-flow-line:before{ background:#32D6F5 !important; background-image:none !important; box-shadow:none !important; } /* ============================================================ RETIRAR - BARRAS ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget [class*="bar"]{ background:#0076BC !important; background-image:none !important; } html[data-kc-theme="system"] #operaciones-kc .kc-withdraw-widget [class*="bar"] > *{ background:#32D6F5 !important; background-image:none !important; } /* ============================================================ CONVERTIR ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-convert-widget [class*="box"]{ background:#0076BC !important; background-image:none !important; border-color:#0099EC !important; color:#FFFFFF !important; } /* ============================================================ ELIMINAR VERDES / MORADOS / ROSAS / AMARILLOS DEL HERO MEDIANTE VARIABLES ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-operation, html[data-kc-theme="system"] #operaciones-kc .kc-operation *{ --kc-blue:#0099EC !important; --kc-cyan:#32D6F5 !important; --kc-green:#32D6F5 !important; --kc-violet:#0099EC !important; --kc-pink:#32D6F5 !important; --kc-yellow:#0099EC !important; --kc-orange:#0076BC !important; --kc-red:#005F99 !important; --green:#32D6F5 !important; --violet:#0099EC !important; --pink:#32D6F5 !important; --yellow:#0099EC !important; --orange:#0076BC !important; --red:#005F99 !important; } /* SIN SOMBRA OSCURA EN VISUAL DEL HERO */ html[data-kc-theme="system"] #operaciones-kc .kc-op-visual{ box-shadow:none !important; filter:none !important; } /* FOTO SE CONSERVA NORMAL */ html[data-kc-theme="system"] #operaciones-kc .kc-op-photo, html[data-kc-theme="system"] #operaciones-kc .kc-op-photo img{ background:transparent !important; } /* ============================================================ KONECTA SYSTEM V8 HERO REAL - CARDS + GRAFICOS SOLO COLORES DEL LOGO ============================================================ */ /* ============================================================ PALETA POR SLIDE ============================================================ */ /* COMPRAR */ html[data-kc-theme="system"] #operaciones-kc .kc-operation-buy{ --kh-bg:#005F99; --kh-accent:#32D6F5; --kh-accent2:#0099EC; --kh-text:#FFFFFF; --kh-soft:rgba(255,255,255,.12); } /* VENDER */ html[data-kc-theme="system"] #operaciones-kc .kc-operation-sell{ --kh-bg:#0076BC; --kh-accent:#32D6F5; --kh-accent2:#18A6F2; --kh-text:#FFFFFF; --kh-soft:rgba(255,255,255,.12); } /* DEPOSITAR */ html[data-kc-theme="system"] #operaciones-kc .kc-operation-deposit{ --kh-bg:#0099EC; --kh-accent:#32D6F5; --kh-accent2:#005F99; --kh-text:#FFFFFF; --kh-soft:rgba(255,255,255,.14); } /* RETIRAR */ html[data-kc-theme="system"] #operaciones-kc .kc-operation-withdraw{ --kh-bg:#18A6F2; --kh-accent:#32D6F5; --kh-accent2:#005F99; --kh-text:#FFFFFF; --kh-soft:rgba(0,95,153,.14); } /* CONVERTIR */ html[data-kc-theme="system"] #operaciones-kc .kc-operation-convert{ --kh-bg:#32D6F5; --kh-accent:#005F99; --kh-accent2:#0076BC; --kh-text:#003E66; --kh-soft:rgba(0,95,153,.12); } /* ============================================================ TARJETAS LIVE REALES COMPRAR / VENDER / DEPOSITAR ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-live-intel{ background:var(--kh-bg) !important; background-image:none !important; border: 1px solid var(--kh-accent2) !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; color:var(--kh-text) !important; --intel:var(--kh-accent) !important; } /* línea superior plana */ html[data-kc-theme="system"] #operaciones-kc .kc-live-intel::before{ background:var(--kh-accent) !important; background-image:none !important; opacity:1 !important; } /* textos */ html[data-kc-theme="system"] #operaciones-kc .kc-live-intel .kc-intel-title, html[data-kc-theme="system"] #operaciones-kc .kc-live-intel .kc-intel-price, html[data-kc-theme="system"] #operaciones-kc .kc-live-intel .kc-intel-metric strong{ color:var(--kh-text) !important; } html[data-kc-theme="system"] #operaciones-kc .kc-live-intel .kc-intel-kicker, html[data-kc-theme="system"] #operaciones-kc .kc-live-intel .kc-intel-metric small, html[data-kc-theme="system"] #operaciones-kc .kc-live-intel .kc-market-range-labels, html[data-kc-theme="system"] #operaciones-kc .kc-live-intel .kc-market-context{ color:var(--kh-text) !important; opacity:.72 !important; } /* métricas */ html[data-kc-theme="system"] #operaciones-kc .kc-live-intel .kc-intel-metric{ background:var(--kh-soft) !important; background-image:none !important; border: 1px solid rgba(255,255,255,.18) !important; } /* ============================================================ GRAFICO LIVE ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-live-intel .kc-intel-chart{ background:transparent !important; background-image:none !important; } /* línea */ html[data-kc-theme="system"] #operaciones-kc .kc-live-intel .kc-live-line{ stroke:var(--kh-accent) !important; filter:none !important; } /* área debajo de línea */ html[data-kc-theme="system"] #operaciones-kc .kc-live-intel .kc-live-area{ fill:rgba(50,214,245,.16) !important; stroke:none !important; } /* ============================================================ CAMBIO 24H QUITAMOS VERDE / ROJO ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-intel-change.up, html[data-kc-theme="system"] #operaciones-kc .kc-intel-change.down{ color:var(--kh-text) !important; background:var(--kh-soft) !important; border: 1px solid var(--kh-accent) !important; } /* ============================================================ RANGO 24H ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-market-range-track{ background:var(--kh-soft) !important; } html[data-kc-theme="system"] #operaciones-kc .kc-market-range-fill{ background:var(--kh-accent) !important; background-image:none !important; } html[data-kc-theme="system"] #operaciones-kc .kc-market-range-marker{ background:var(--kh-accent2) !important; border-color:var(--kh-accent) !important; box-shadow:none !important; } /* ============================================================ RETIRAR / CONVERTIR WIDGETS V4.2 REALES ============================================================ */ html[data-kc-theme="system"] #operaciones-kc #kcV42Withdraw{ --kh-bg:#18A6F2; --kh-accent:#32D6F5; --kh-accent2:#005F99; --kh-text:#FFFFFF; --intel:#32D6F5 !important; } html[data-kc-theme="system"] #operaciones-kc #kcV42Convert{ --kh-bg:#32D6F5; --kh-accent:#005F99; --kh-accent2:#0076BC; --kh-text:#003E66; --intel:#005F99 !important; } html[data-kc-theme="system"] #operaciones-kc .kc-v42-widget{ background:var(--kh-bg) !important; background-image:none !important; border: 1px solid var(--kh-accent2) !important; box-shadow:none !important; color:var(--kh-text) !important; } /* quitar gradiente superior */ html[data-kc-theme="system"] #operaciones-kc .kc-v42-widget::before{ background:var(--kh-accent) !important; background-image:none !important; opacity:1 !important; } /* ============================================================ RETIRAR - 4 BARRAS USAR TODOS LOS AZULES ============================================================ */ html[data-kc-theme="system"] #kcV42Withdraw .kc-v42-fee-barbox{ background: rgba(0,95,153,.14) !important; } html[data-kc-theme="system"] #kcV42Withdraw .kc-v42-fee:nth-child(1) .kc-v42-fee-bar{ background:#005F99 !important; background-image:none !important; box-shadow:none !important; } html[data-kc-theme="system"] #kcV42Withdraw .kc-v42-fee:nth-child(2) .kc-v42-fee-bar{ background:#0076BC !important; background-image:none !important; box-shadow:none !important; } html[data-kc-theme="system"] #kcV42Withdraw .kc-v42-fee:nth-child(3) .kc-v42-fee-bar{ background:#0099EC !important; background-image:none !important; box-shadow:none !important; } html[data-kc-theme="system"] #kcV42Withdraw .kc-v42-fee:nth-child(4) .kc-v42-fee-bar{ background:#32D6F5 !important; background-image:none !important; box-shadow:none !important; } html[data-kc-theme="system"] #kcV42Withdraw .kc-v42-fee-usd{ color:#FFFFFF !important; } html[data-kc-theme="system"] #kcV42Withdraw .kc-v42-fee-rate{ color:#FFFFFF !important; opacity:.72 !important; } /* ============================================================ CONVERTIR - CAJAS DE MONEDAS ============================================================ */ html[data-kc-theme="system"] #kcV42Convert .kc-v42-coin{ background: rgba(0,95,153,.10) !important; background-image:none !important; border: 1px solid rgba(0,95,153,.24) !important; } html[data-kc-theme="system"] #kcV42Convert .kc-v42-icon{ background:#005F99 !important; color:#FFFFFF !important; } html[data-kc-theme="system"] #kcV42Convert .kc-v42-symbol, html[data-kc-theme="system"] #kcV42Convert .kc-v42-price strong{ color:#003E66 !important; } /* ============================================================ OTROS GRAFICOS DEL HERO ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-fee-bar{ background:var(--kh-accent) !important; background-image:none !important; box-shadow:none !important; } html[data-kc-theme="system"] #operaciones-kc .kc-fee-bar-wrap{ background:var(--kh-soft) !important; } html[data-kc-theme="system"] #operaciones-kc .kc-flow-bar{ background:rgba(0,95,153,.12) !important; } html[data-kc-theme="system"] #operaciones-kc .kc-flow-buy{ background:#32D6F5 !important; background-image:none !important; } html[data-kc-theme="system"] #operaciones-kc .kc-flow-sell{ background:#005F99 !important; background-image:none !important; } html[data-kc-theme="system"] #operaciones-kc .kc-flow-labels span:first-child{ color:#0099EC !important; } html[data-kc-theme="system"] #operaciones-kc .kc-flow-labels span:last-child{ color:#005F99 !important; } /* ============================================================ NADA DE GLOW / SOMBRA NEGRA EN TARJETAS HERO ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-live-intel, html[data-kc-theme="system"] #operaciones-kc .kc-v42-widget, html[data-kc-theme="system"] #operaciones-kc .kc-live-intel *, html[data-kc-theme="system"] #operaciones-kc .kc-v42-widget *{ text-shadow:none !important; } /* ============================================================ FIN V8 ============================================================ */ /* ============================================================ KONECTA SYSTEM V9 HERO = MISMO FONDO QUE LAS 5 TARJETAS DE ABAJO SOLO TEMA SYSTEM ============================================================ */ html[data-kc-theme="system"] #operaciones-kc{ --kc-hero-card-bg:#4358ff; --kc-hero-card-border:#3247d9; --kc-hero-card-inner:#24379a; --kc-hero-card-text:#ffffff; --kc-hero-card-accent:#7edcff; } /* ============================================================ FONDO EXTERIOR DE LAS TARJETAS GRANDES DEL HERO ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-live-intel, html[data-kc-theme="system"] #operaciones-kc .kc-v42-widget{ background:var(--kc-hero-card-bg) !important; background-image:none !important; border:1px solid var(--kc-hero-card-border) !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; color:var(--kc-hero-card-text) !important; } /* barra superior brillante */ html[data-kc-theme="system"] #operaciones-kc .kc-live-intel::before, html[data-kc-theme="system"] #operaciones-kc .kc-v42-widget::before{ background:var(--kc-hero-card-accent) !important; background-image:none !important; opacity:1 !important; } /* ============================================================ TEXTO GENERAL HERO ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-live-intel .kc-intel-title, html[data-kc-theme="system"] #operaciones-kc .kc-live-intel .kc-intel-price, html[data-kc-theme="system"] #operaciones-kc .kc-live-intel .kc-intel-metric strong, html[data-kc-theme="system"] #operaciones-kc .kc-live-intel .kc-intel-source, html[data-kc-theme="system"] #operaciones-kc .kc-live-intel .kc-intel-kicker, html[data-kc-theme="system"] #operaciones-kc .kc-live-intel .kc-market-range-labels, html[data-kc-theme="system"] #operaciones-kc .kc-live-intel .kc-market-context, html[data-kc-theme="system"] #operaciones-kc .kc-live-intel .kc-intel-metric small, html[data-kc-theme="system"] #operaciones-kc .kc-v42-widget, html[data-kc-theme="system"] #operaciones-kc .kc-v42-widget strong, html[data-kc-theme="system"] #operaciones-kc .kc-v42-widget small, html[data-kc-theme="system"] #operaciones-kc .kc-v42-symbol, html[data-kc-theme="system"] #operaciones-kc .kc-v42-price strong, html[data-kc-theme="system"] #operaciones-kc .kc-v42-price small, html[data-kc-theme="system"] #operaciones-kc .kc-v42-fee-usd, html[data-kc-theme="system"] #operaciones-kc .kc-v42-fee-rate, html[data-kc-theme="system"] #operaciones-kc .kc-v42-status{ color:var(--kc-hero-card-text) !important; } /* ============================================================ CAJAS INTERNAS ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-live-intel .kc-intel-metric, html[data-kc-theme="system"] #operaciones-kc .kc-v42-coin, html[data-kc-theme="system"] #operaciones-kc .kc-v42-fee-barbox, html[data-kc-theme="system"] #operaciones-kc .kc-fee-bar-wrap{ background:var(--kc-hero-card-inner) !important; background-image:none !important; border:1px solid rgba(255,255,255,.12) !important; box-shadow:none !important; } /* ============================================================ GRAFICOS - SE CONSERVAN PERO LIMPIOS ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-live-line{ stroke:var(--kc-hero-card-accent) !important; filter:none !important; } html[data-kc-theme="system"] #operaciones-kc .kc-live-area{ fill:rgba(126,220,255,.16) !important; } html[data-kc-theme="system"] #operaciones-kc .kc-market-range-fill{ background:var(--kc-hero-card-accent) !important; background-image:none !important; } html[data-kc-theme="system"] #operaciones-kc .kc-market-range-track{ background:rgba(255,255,255,.16) !important; } html[data-kc-theme="system"] #operaciones-kc .kc-market-range-marker{ background:#ffffff !important; border-color:var(--kc-hero-card-accent) !important; box-shadow:none !important; } html[data-kc-theme="system"] #operaciones-kc .kc-fee-bar{ background:var(--kc-hero-card-accent) !important; background-image:none !important; box-shadow:none !important; } /* ============================================================ ELIMINAR FONDOS DIFERENTES POR SLIDE ============================================================ */ html[data-kc-theme="system"] #kcV42Convert, html[data-kc-theme="system"] #kcV42Withdraw{ --intel:var(--kc-hero-card-accent) !important; } html[data-kc-theme="system"] #operaciones-kc .kc-intel-change.up, html[data-kc-theme="system"] #operaciones-kc .kc-intel-change.down{ color:#fff !important; background:rgba(255,255,255,.12) !important; border:1px solid rgba(255,255,255,.15) !important; } /* ============================================================ FIN V9 ============================================================ */ /* ============================================================ KONECTA SYSTEM V10 MISMO AZUL EXACTO HERO + 5 TARJETAS ============================================================ */ html[data-kc-theme="system"]{ --kc-exact-card-blue:#0250F8; } /* ============================================================ 5 TARJETAS INFERIORES MISMO AZUL SIN FILTROS ============================================================ */ html[data-kc-theme="system"] #servicios .service, html[data-kc-theme="system"] #servicios .service:nth-child(1), html[data-kc-theme="system"] #servicios .service:nth-child(2), html[data-kc-theme="system"] #servicios .service:nth-child(3), html[data-kc-theme="system"] #servicios .service:nth-child(4), html[data-kc-theme="system"] #servicios .service:nth-child(5){ background:#0250F8 !important; background-color:#0250F8 !important; background-image:none !important; filter:none !important; opacity:1 !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } /* incluso la tarjeta seleccionada */ html[data-kc-theme="system"] #servicios .service.kc-v3-current-operation, html[data-kc-theme="system"] #servicios .service.kc-current-operation-v4{ background:#0250F8 !important; background-color:#0250F8 !important; background-image:none !important; filter:none !important; } /* ============================================================ HERO LIVE REAL COMPRAR / VENDER / DEPOSITAR ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-live-intel{ background:#0250F8 !important; background-color:#0250F8 !important; background-image:none !important; filter:none !important; opacity:1 !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } /* ============================================================ HERO V4.2 REAL RETIRAR / CONVERTIR ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-v42-widget, html[data-kc-theme="system"] #operaciones-kc #kcV42Withdraw, html[data-kc-theme="system"] #operaciones-kc #kcV42Convert{ background:#0250F8 !important; background-color:#0250F8 !important; background-image:none !important; filter:none !important; opacity:1 !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } /* ============================================================ QUITAR CUALQUIER CAPA DE FONDO SOBRE EL HERO ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-live-intel::after, html[data-kc-theme="system"] #operaciones-kc .kc-v42-widget::after{ background:none !important; background-image:none !important; box-shadow:none !important; filter:none !important; pointer-events:none !important; } /* La línea superior se conserva, pero NO modifica el fondo de la tarjeta. */ html[data-kc-theme="system"] #operaciones-kc .kc-live-intel::before, html[data-kc-theme="system"] #operaciones-kc .kc-v42-widget::before{ background:#32D6F5 !important; background-image:none !important; box-shadow:none !important; filter:none !important; } /* ============================================================ QUITAR GLOW DEL GRAFICO, NO CAMBIAR SU COLOR ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-live-line{ filter:none !important; } /* ============================================================ FIN V10 ============================================================ */ /* ============================================================ KONECTA SYSTEM V12 SOLO BARRAS REALES DEL GRAFICO DEL HERO ============================================================ */ /* COMPRAR / VENDER / DEPOSITAR barra REAL dentro del gráfico */ html[data-kc-theme="system"] #operaciones-kc .kc-fee-bar{ background:#32D6F5 !important; background-color:#32D6F5 !important; background-image:none !important; box-shadow:none !important; filter:none !important; } /* RETIRAR V4.2 barra REAL */ html[data-kc-theme="system"] #operaciones-kc .kc-v42-fee-bar{ background:#32D6F5 !important; background-color:#32D6F5 !important; background-image:none !important; box-shadow:none !important; filter:none !important; } /* El espacio detrás de la barra NO es otra barra. Lo dejamos transparente para que no se vea como una columna azul oscura. */ html[data-kc-theme="system"] #operaciones-kc .kc-fee-bar-wrap, html[data-kc-theme="system"] #operaciones-kc .kc-v42-fee-barbox{ background:transparent !important; background-image:none !important; box-shadow:none !important; } /* ============================================================ FIN V12 ============================================================ */ /* ============================================================ KONECTA SYSTEM V14 TICKER MONEDAS HORIZONTAL MISMO AZUL DEL RECUADRO INTERNO ============================================================ */ /* BARRA COMPLETA */ html[data-kc-theme="system"] body.kc-home-v4 main > .market-strip.kc-live-coin-strip{ background:#1C2E7F !important; background-color:#1C2E7F !important; background-image:none !important; height:44px !important; min-height:44px !important; padding:0 !important; border-top: 1px solid rgba(50,214,245,.22) !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } /* TRACK */ html[data-kc-theme="system"] .kc-live-coin-strip .market-track{ display:flex !important; align-items:center !important; height:44px !important; gap:0 !important; } /* CADA MONEDA */ html[data-kc-theme="system"] .kc-live-coin-strip .market-item.kc-coin-ticker{ display:flex !important; align-items:center !important; min-width:max-content !important; height:44px !important; padding: 0 15px !important; gap:10px !important; background:transparent !important; background-image:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; white-space:nowrap !important; } /* separación discreta entre monedas */ html[data-kc-theme="system"] .kc-live-coin-strip .market-item.kc-coin-ticker:not(:last-child){ border-right: 1px solid rgba(255,255,255,.10) !important; } /* ============================================================ LOGO DE MONEDA SIN CIRCULO SIN FONDO SIN BORDE ============================================================ */ html[data-kc-theme="system"] .kc-live-coin-strip .kc-real-coin-icon{ flex: 0 0 24px !important; width:24px !important; height:24px !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:visible !important; background:transparent !important; background-image:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; padding:0 !important; transform:none !important; } /* imagen REAL de la moneda */ html[data-kc-theme="system"] .kc-live-coin-strip .kc-real-coin-icon img{ display:block !important; width:24px !important; height:24px !important; max-width:24px !important; max-height:24px !important; object-fit:contain !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; } /* tampoco hover con círculo/sombra */ html[data-kc-theme="system"] .kc-live-coin-strip .market-item:hover .kc-real-coin-icon{ transform:none !important; box-shadow:none !important; } /* ============================================================ LADO IZQUIERDO LOGO + DATOS TODO HORIZONTAL ============================================================ */ html[data-kc-theme="system"] .kc-live-coin-strip .kc-coin-ticker-left{ display:flex !important; flex-direction:row !important; align-items:center !important; gap:7px !important; } /* contenedor de nombre/símbolo */ html[data-kc-theme="system"] .kc-live-coin-strip .kc-coin-ticker-left > div:not(.kc-real-coin-icon){ display:flex !important; flex-direction:row !important; align-items:center !important; gap:5px !important; } /* nombre */ html[data-kc-theme="system"] .kc-live-coin-strip .kc-coin-ticker strong{ display:inline !important; margin:0 !important; color:#FFFFFF !important; font-size:10px !important; line-height:1 !important; } /* símbolo */ html[data-kc-theme="system"] .kc-live-coin-strip .kc-coin-ticker small{ display:inline !important; margin:0 !important; color:rgba(255,255,255,.62) !important; font-size:7px !important; line-height:1 !important; } /* ============================================================ PRECIO + CAMBIO TAMBIEN HORIZONTAL ============================================================ */ html[data-kc-theme="system"] .kc-live-coin-strip .kc-coin-ticker-price{ display:flex !important; flex-direction:row !important; align-items:center !important; gap:6px !important; margin-left:2px !important; text-align:left !important; } /* precio */ html[data-kc-theme="system"] .kc-live-coin-strip .kc-coin-ticker-price b{ display:inline !important; margin:0 !important; color:#FFFFFF !important; font-size:9px !important; line-height:1 !important; } /* porcentaje */ html[data-kc-theme="system"] .kc-live-coin-strip .kc-coin-ticker-price em{ display:inline !important; margin:0 !important; font-size:8px !important; line-height:1 !important; font-style:normal !important; } /* quitar verde / rojo: todo cambio usa turquesa del logo */ html[data-kc-theme="system"] .kc-live-coin-strip .kc-ticker-up, html[data-kc-theme="system"] .kc-live-coin-strip .kc-ticker-down{ color:#32D6F5 !important; } /* ============================================================ FIN V14 ============================================================ */ /* ============================================================ KONECTA SYSTEM V15 INVERTIR AZULES OSCURO = FONDOS AZUL FUERTE = RECUADROS ============================================================ */ html[data-kc-theme="system"]{ --kc-main-dark:#1C2E7F; --kc-inner-blue:#0250F8; --kc-turquoise:#32D6F5; } /* ============================================================ FONDOS PRINCIPALES ============================================================ */ html[data-kc-theme="system"] #servicios .service, html[data-kc-theme="system"] #operaciones-kc .kc-live-intel, html[data-kc-theme="system"] #operaciones-kc .kc-v42-widget, html[data-kc-theme="system"] #operaciones-kc #kcV42Withdraw, html[data-kc-theme="system"] #operaciones-kc #kcV42Convert, html[data-kc-theme="system"] body.kc-home-v4 main > .market-strip.kc-live-coin-strip{ background:#1C2E7F !important; background-color:#1C2E7F !important; background-image:none !important; box-shadow:none !important; filter:none !important; } /* ============================================================ RECUADROS INTERNOS HERO ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-intel-metric, html[data-kc-theme="system"] #operaciones-kc .kc-v42-coin, html[data-kc-theme="system"] #operaciones-kc .kc-v42-fee-barbox, html[data-kc-theme="system"] #operaciones-kc .kc-fee-bar-wrap{ background:#0250F8 !important; background-color:#0250F8 !important; background-image:none !important; box-shadow:none !important; } /* ============================================================ TURQUESA SE CONSERVA ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-fee-bar, html[data-kc-theme="system"] #operaciones-kc .kc-v42-fee-bar{ background:#32D6F5 !important; background-color:#32D6F5 !important; background-image:none !important; } /* ============================================================ FIN V15 ============================================================ */ /* ============================================================ KONECTA SYSTEM V16 TODOS LOS FONDOS AZULES = #1C2E7F ============================================================ */ html[data-kc-theme="system"]{ --kc-bg-blue:#1C2E7F; --kc-accent-turquoise:#32D6F5; } /* HERO */ html[data-kc-theme="system"] #operaciones-kc .kc-live-intel, html[data-kc-theme="system"] #operaciones-kc .kc-v42-widget, html[data-kc-theme="system"] #operaciones-kc #kcV42Withdraw, html[data-kc-theme="system"] #operaciones-kc #kcV42Convert, /* RECUADROS INTERNOS HERO */ html[data-kc-theme="system"] #operaciones-kc .kc-intel-metric, html[data-kc-theme="system"] #operaciones-kc .kc-v42-coin, html[data-kc-theme="system"] #operaciones-kc .kc-v42-fee-barbox, html[data-kc-theme="system"] #operaciones-kc .kc-fee-bar-wrap, /* 5 TARJETAS */ html[data-kc-theme="system"] #servicios .service, /* BARRA DE MONEDAS */ html[data-kc-theme="system"] body.kc-home-v4 main > .market-strip.kc-live-coin-strip, /* ITEMS DEL TICKER */ html[data-kc-theme="system"] .kc-live-coin-strip .market-item, /* BOTONES LATERALES */ html[data-kc-theme="system"] .kc-theme-tab-v1, html[data-kc-theme="system"] #kcGeneralLauncher{ background:#1C2E7F !important; background-color:#1C2E7F !important; background-image:none !important; box-shadow:none !important; } /* TARJETA ACTIVA TAMBIEN IGUAL */ html[data-kc-theme="system"] #servicios .service.kc-v3-current-operation, html[data-kc-theme="system"] #servicios .service.kc-current-operation-v4{ background:#1C2E7F !important; background-color:#1C2E7F !important; background-image:none !important; filter:none !important; } /* ============================================================ TURQUESA QUEDA SOLO COMO ACENTO ============================================================ */ html[data-kc-theme="system"] #operaciones-kc .kc-fee-bar, html[data-kc-theme="system"] #operaciones-kc .kc-v42-fee-bar{ background:#32D6F5 !important; background-color:#32D6F5 !important; background-image:none !important; } /* LINEAS SUPERIORES HERO */ html[data-kc-theme="system"] #operaciones-kc .kc-live-intel::before, html[data-kc-theme="system"] #operaciones-kc .kc-v42-widget::before{ background:#32D6F5 !important; background-image:none !important; } /* ============================================================ FIN V16 ============================================================ */