/* BTC On-chain Radar — estilos del frontend. Mismo sistema de temas que Funding Rate Pro: variables en .bor-root, sobreescritas según el ajuste Auto (sigue al navegador), Claro u Oscuro. Grises con contraste AA sobre blanco. */ .bor-root{ --bor-text:#1c1c1a; --bor-muted:#5f5f59; --bor-faint:#6e6e67; --bor-disclaimer:#6e6e67; --bor-border:#c9c7bd; --bor-ctrl-border:#d3d1c7; --bor-row-border:#ececec; --bor-hover:#f1efe8; --bor-accent:#1c1c1a; --bor-on-accent:#ffffff; --bor-pos:#0f6e56; --bor-neg:#a32d2d; --bor-warn:#8a6100; --bor-nodata:#aeaca2; --bor-card-bg:#faf9f5; --bor-price:#b8860b; /* línea de precio (dorado oscuro, AA sobre claro) */ --bor-metric:#3b5bdb; /* línea de métrica on-chain (azul) */ --bor-pct-bar:rgba(120,140,200,.5); --bor-hm-low:#e7f3ec; /* heatmap: barato */ --bor-hm-now:#1c1c1a; } .bor-root.bor-theme-dark{ --bor-text:#e8e8e3; --bor-muted:#a0a099; --bor-faint:#a0a099; --bor-disclaimer:#76766f; --bor-border:#3a3a36; --bor-ctrl-border:#3a3a36; --bor-row-border:#2a2a26; --bor-hover:#26261f; --bor-accent:#e8e8e3; --bor-on-accent:#1c1c1a; --bor-pos:#5dcaa5; --bor-neg:#f09595; --bor-warn:#e3b341; --bor-nodata:#5a5a54; --bor-card-bg:#21211d; --bor-price:#e3b341; --bor-metric:#7c9bff; --bor-pct-bar:rgba(150,170,230,.5); --bor-hm-low:#1f2a24; --bor-hm-now:#e8e8e3; } @media (prefers-color-scheme: dark){ .bor-root.bor-theme-auto{ --bor-text:#e8e8e3; --bor-muted:#a0a099; --bor-faint:#a0a099; --bor-disclaimer:#76766f; --bor-border:#3a3a36; --bor-ctrl-border:#3a3a36; --bor-row-border:#2a2a26; --bor-hover:#26261f; --bor-accent:#e8e8e3; --bor-on-accent:#1c1c1a; --bor-pos:#5dcaa5; --bor-neg:#f09595; --bor-warn:#e3b341; --bor-nodata:#5a5a54; --bor-card-bg:#21211d; --bor-price:#e3b341; --bor-metric:#7c9bff; --bor-pct-bar:rgba(150,170,230,.5); --bor-hm-low:#1f2a24; --bor-hm-now:#e8e8e3; } } .bor-widget{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; max-width:100%;margin:0 auto;color:var(--bor-text); } .bor-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px;} .bor-title{font-size:19px;font-weight:600;line-height:1.2;} .bor-sub{font-size:13px;color:var(--bor-muted);margin-top:3px;} .bor-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;} .bor-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--bor-ctrl-border);border-radius:8px;padding:7px 14px;font-size:14px;color:var(--bor-text);cursor:pointer;transition:background .15s;} .bor-btn:hover{background:var(--bor-hover);} .bor-btn[disabled]{opacity:.6;cursor:default;} .bor-ico{font-size:15px;line-height:1;} .bor-updating-badge{display:none;align-items:center;gap:7px;font-size:12px;color:var(--bor-muted);margin-top:4px;} .bor-updating .bor-updating-badge{display:inline-flex;} .bor-spinner{width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;display:inline-block;animation:bor-spin .7s linear infinite;} @keyframes bor-spin{to{transform:rotate(360deg);}} .bor-updating .bor-cards,.bor-updating .bor-chart-wrap{opacity:.55;transition:opacity .15s;} @media (prefers-reduced-motion: reduce){.bor-spinner{animation:none;}} .bor-loading{padding:24px 8px;text-align:center;color:var(--bor-faint);} /* Tarjetas "hoy vs su media" */ .bor-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:18px;} .bor-card{border:1px solid var(--bor-border);border-radius:10px;padding:12px 14px;background:var(--bor-card-bg);} .bor-card-name{font-size:12px;color:var(--bor-muted);margin-bottom:4px;white-space:normal;overflow-wrap:break-word;hyphens:auto;} .bor-card-value{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2;} .bor-card-delta{font-size:12px;margin-top:4px;font-variant-numeric:tabular-nums;} .bor-card-date{font-size:11px;color:var(--bor-faint);margin-top:2px;} .bor-pos{color:var(--bor-pos);} .bor-neg{color:var(--bor-neg);} .bor-zero{color:var(--bor-muted);} .bor-nodata{color:var(--bor-nodata);} .bor-card-pct{margin-top:8px;} .bor-card-pct-label{font-size:11px;color:var(--bor-faint);margin-bottom:3px;} .bor-pct-track{height:4px;border-radius:2px;background:var(--bor-row-border);position:relative;overflow:hidden;} .bor-pct-fill{position:absolute;left:0;top:0;bottom:0;background:var(--bor-pct-bar);border-radius:2px;} /* Selector de métrica + gráfico dual */ .bor-section-title{font-size:16px;font-weight:600;margin:20px 0 10px;} .bor-metric-toggle{display:inline-flex;border:1px solid var(--bor-ctrl-border);border-radius:8px;overflow:hidden;flex-wrap:wrap;margin-bottom:12px;} .bor-metric-btn{background:transparent;border:0;padding:7px 12px;font-size:13px;color:var(--bor-muted);cursor:pointer;transition:background .15s,color .15s;} .bor-metric-btn + .bor-metric-btn{border-left:1px solid var(--bor-ctrl-border);} .bor-metric-btn:hover{background:var(--bor-hover);} .bor-metric-active{background:var(--bor-accent);color:var(--bor-on-accent);} .bor-metric-active:hover{background:var(--bor-accent);} .bor-chart-wrap{position:relative;border:1px solid var(--bor-border);border-radius:10px;padding:12px;overflow-x:auto;} /* Tooltip del gráfico (fecha + valores reales del día señalado). */ .bor-tooltip{position:absolute;top:16px;left:0;z-index:5;background:var(--bor-card-bg);border:1px solid var(--bor-border);border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.6;color:var(--bor-text);pointer-events:none;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.25);font-variant-numeric:tabular-nums;} .bor-tooltip[hidden]{display:none;} .bor-tip-date{font-weight:600;margin-bottom:2px;} .bor-tip-dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;} /* Punto tenue = línea fina del dato diario (mismo lenguaje que la leyenda). */ .bor-tip-dot-thin{opacity:.35;} .bor-chart{display:block;width:100%;height:auto;} .bor-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--bor-muted);} .bor-leg{display:inline-flex;align-items:center;gap:6px;} .bor-leg-line{width:16px;height:3px;border-radius:2px;display:inline-block;} .bor-leg-price{background:var(--bor-price);} .bor-leg-metric{background:var(--bor-metric);} .bor-leg-thin{height:1px;opacity:.4;} .bor-diverge{margin-top:10px;font-size:13px;color:var(--bor-muted);line-height:1.6;} .bor-diverge strong{color:var(--bor-text);} /* Sección de red: fees, countdowns y heatmap */ .bor-net-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:14px;} .bor-net-card{border:1px solid var(--bor-border);border-radius:10px;padding:12px 14px;background:var(--bor-card-bg);} .bor-net-title{font-size:12px;color:var(--bor-muted);margin-bottom:6px;} .bor-net-big{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;} .bor-net-sub{font-size:12px;color:var(--bor-faint);margin-top:4px;line-height:1.5;font-variant-numeric:tabular-nums;} .bor-fee-chips{display:flex;gap:8px;flex-wrap:wrap;} .bor-fee-chip{border:1px solid var(--bor-ctrl-border);border-radius:8px;padding:6px 10px;font-size:12px;color:var(--bor-muted);font-variant-numeric:tabular-nums;} .bor-fee-chip strong{color:var(--bor-text);font-size:14px;} .bor-hm-scroll{overflow-x:auto;} .bor-heatmap{border-collapse:collapse;font-size:10px;min-width:760px;} .bor-heatmap th{font-weight:600;color:var(--bor-muted);padding:3px 4px;text-align:center;} .bor-heatmap td{padding:0;} .bor-hm-cell{display:block;min-width:26px;padding:5px 2px;text-align:center;color:var(--bor-text);font-variant-numeric:tabular-nums;border:1px solid var(--bor-row-border);} .bor-hm-day{text-align:left;padding-right:6px;white-space:nowrap;} /* Marcador de la HORA ACTUAL: borde + resplandor para que se lea como resaltado intencional (y no como una celda con el borde "raro"). */ .bor-hm-now{position:relative;z-index:1;outline:2px solid var(--bor-hm-now);outline-offset:-2px;box-shadow:0 0 7px var(--bor-hm-now);font-weight:700;} .bor-hm-note{font-size:12px;color:var(--bor-faint);margin-top:8px;line-height:1.5;} .bor-disclaimer{font-size:12px;color:var(--bor-disclaimer);margin-top:14px;line-height:1.6;} .bor-warn{color:var(--bor-warn);} /* Stablecoins: tarjeta de emisión + tabla del top con desviación del peg. */ .bor-st-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:12px;} .bor-st-spark{position:relative;margin-top:4px;} .bor-st-spark svg{display:block;width:100%;height:48px;} /* Controles del gráfico: selector de métrica + selector de rango. */ .bor-chart-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start;margin-bottom:12px;} .bor-chart-controls .bor-metric-toggle{margin-bottom:0;} .bor-st-scroll{overflow-x:auto;} .bor-st-table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px;} .bor-st-table th{padding:9px 8px;font-weight:600;color:var(--bor-muted);border-bottom:1px solid var(--bor-border);text-align:right;white-space:nowrap;} .bor-st-table td{padding:9px 8px;border-bottom:1px solid var(--bor-row-border);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;} .bor-st-left{text-align:left !important;} .bor-st-name{color:var(--bor-muted);font-size:12px;} .bor-st-mech{color:var(--bor-muted);font-size:13px;} /* Panel de configuración de alertas (comisión baja + depeg). Todo vive en el localStorage del visitante; nada viaja al servidor. */ .bor-alert-btn,.bor-alert-cfg-btn{font-size:13px;} .bor-alert-cfg-btn{padding:7px 10px;} .bor-alert-active{background:var(--bor-accent);color:var(--bor-on-accent);border-color:var(--bor-accent);} .bor-alert-active:hover{background:var(--bor-accent);} .bor-alert-panel{border:1px solid var(--bor-ctrl-border);border-radius:10px;padding:14px;margin-bottom:14px;font-size:13px;color:var(--bor-text);} .bor-alert-panel[hidden]{display:none;} .bor-alert-fields{display:flex;gap:18px;flex-wrap:wrap;} .bor-alert-field{display:flex;flex-direction:column;gap:4px;color:var(--bor-muted);} .bor-alert-field input{width:230px;padding:6px 8px;border:1px solid var(--bor-ctrl-border);border-radius:6px;background:transparent;color:var(--bor-text);font-size:13px;} .bor-alert-field input::placeholder{color:var(--bor-faint);opacity:1;} .bor-alert-note{font-size:12px;color:var(--bor-disclaimer);margin:8px 0 0;line-height:1.5;} /* Contenido explicativo + FAQ */ .bor-info,.bor-faq{max-width:100%;margin:2.5rem auto 0;line-height:1.7;color:var(--bor-text);} .bor-info h2,.bor-faq h2{font-size:22px;font-weight:600;margin:0 0 1rem;} .bor-info h3{font-size:16px;font-weight:600;margin:1.5rem 0 .5rem;} .bor-info p{margin:0 0 1rem;} .bor-faq-item{margin:0 0 1.25rem;} .bor-faq-item h3{font-size:16px;font-weight:600;margin:0 0 .4rem;} .bor-faq-item p{margin:0;} /* ===== v2.0 — página de auditoría de comisiones ===== */ /* overflow hidden: el SVG es responsive y el tooltip absoluto del borde derecho creaba una barra de scroll y salía cortado. */ .bor-aud-daily-wrap{padding:12px;overflow:hidden;} .bor-consol{border:1px solid var(--bor-border);border-radius:10px;padding:14px;background:var(--bor-card-bg);} .bor-consol-label{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--bor-muted);flex-wrap:wrap;} .bor-consol-label input{width:110px;padding:6px 8px;border:1px solid var(--bor-ctrl-border);border-radius:6px;background:transparent;color:var(--bor-text);font-size:14px;} /* Dos calculadoras lado a lado en escritorio; apiladas en móvil. */ .bor-calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;} @media (max-width:720px){.bor-calc-grid{grid-template-columns:1fr;}} .bor-consol-head{font-size:15px;font-weight:600;color:var(--bor-text);margin-bottom:10px;} .bor-tx-row{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end;} .bor-tx-row .bor-consol-label{flex-direction:column;align-items:flex-start;gap:4px;} .bor-tx-row input,.bor-tx-row select{padding:6px 8px;border:1px solid var(--bor-ctrl-border);border-radius:6px;background:transparent;color:var(--bor-text);font-size:14px;} .bor-tx-row input{width:90px;} .bor-consol-out{margin-top:10px;font-size:15px;line-height:1.7;font-variant-numeric:tabular-nums;} .bor-consol-out .bor-net-sub{margin-top:2px;} /* ===== v2.0 — página de carteras históricas ===== */ .bor-wl-table td{vertical-align:top;} .bor-wl-addr{font-size:11px;margin-top:2px;} .bor-wl-addr a{color:var(--bor-faint);text-decoration:none;font-variant-numeric:tabular-nums;} .bor-wl-addr a:hover{text-decoration:underline;} .bor-wl-src{text-decoration:none;font-size:12px;color:var(--bor-faint);} .bor-wl-src:hover{color:var(--bor-text);} /* Punto pulsante "movimiento en el mempool ahora" (descriptivo, ámbar). */ .bor-wl-badge{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--bor-warn);margin-left:6px;animation:bor-wl-pulse 1.2s ease-in-out infinite;vertical-align:middle;} @keyframes bor-wl-pulse{0%,100%{opacity:1;}50%{opacity:.35;}} @media (prefers-reduced-motion: reduce){.bor-wl-badge{animation:none;}} .bor-wl-evlist{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.8;} .bor-wl-evlist li{border-bottom:1px solid var(--bor-row-border);padding:6px 0;} .bor-wl-evdate{color:var(--bor-muted);font-size:12px;font-variant-numeric:tabular-nums;} .bor-wl-evlist a{color:var(--bor-muted);} /* Detalle de la última transacción bajo la fecha (v2.3). La celda admite varias líneas (la tabla por defecto usa nowrap). */ .bor-wl-last{white-space:normal !important;min-width:250px;} .bor-wl-tx{font-size:11px;color:var(--bor-muted);margin-top:2px;line-height:1.5;font-variant-numeric:tabular-nums;} .bor-wl-tx a{color:var(--bor-muted);} .bor-wl-tx a:hover{color:var(--bor-text);} /* ===== v2.2 — tarjetas-enlace entre herramientas ===== */ .bor-xlink{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--bor-border);border-radius:10px;padding:12px 14px;margin:14px 0;text-decoration:none;background:var(--bor-card-bg);transition:background-color .15s ease;} .bor-xlink:hover{background-color:var(--bor-hover);text-decoration:none;} .bor-xlink-title{display:block;font-size:14px;font-weight:600;color:var(--bor-text);} .bor-xlink-sub{display:block;font-size:12px;color:var(--bor-muted);margin-top:2px;line-height:1.5;} .bor-xlink-arrow{font-size:18px;color:var(--bor-text);flex-shrink:0;} /* ===== v2.2.1 — blindaje de botones frente al CSS del tema ===== Algunos temas de WordPress aplican a TODOS los