:root{
  --bg:#080c10;--surface:#0d1318;--card:#111820;--border:#1e2d3a;
  --accent:#00e5c8;
  --accent:var(--secondary);
  --a2:#ff6b35;--a3:#7c6dff;
  --ai:#f0c040;--ref:#e060f0;--text:#c8d8e4;--muted:#4a6070;
  --danger:#ff4060;--ok:#40e080;
  --mono:'Space Mono',monospace;--sans:'Syne',sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:var(--mono);font-size:13px;line-height:1.6;min-height:100vh}
body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 10% 20%,rgba(0,229,200,.04),transparent 60%),radial-gradient(ellipse 60% 40% at 90% 80%,rgba(124,109,255,.05),transparent 60%);pointer-events:none;z-index:0}
.wrap{max-width:1400px;margin:0 auto;padding:0 24px 60px;position:relative;z-index:1}

/* HEADER */
header{padding:40px 0 32px;border-bottom:1px solid var(--border);margin-bottom:36px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}
.ht h1{font-family:var(--sans);font-size:28px;font-weight:800;color:#fff}
.ht h1 span{color:var(--main)}
/*
.ht h1 span{color:var(--accent)}
*/
.ht p{color:var(--muted);font-size:11px;margin-top:6px;letter-spacing:.08em;text-transform:uppercase}
.hm{text-align:right;color:var(--muted);font-size:11px;line-height:2}
.hm strong{color:var(--accent)}

/* ALERTS */
.alert{padding:14px 18px;border-radius:8px;margin-bottom:24px;font-size:12px}
.alert-err{background:rgba(255,64,96,.1);border:1px solid rgba(255,64,96,.3);color:#ff8090}
.alert-ok{background:rgba(0,229,200,.08);border:1px solid rgba(0,229,200,.2);color:var(--accent)}
.alert-info{background:rgba(124,109,255,.08);border:1px solid rgba(124,109,255,.2);color:#a09aff}

/* UPLOAD */
.upload-wrap{max-width:760px;margin:0 auto}
.dz{border:2px dashed var(--border);border-radius:12px;padding:50px 40px;text-align:center;cursor:pointer;position:relative;transition:border-color .2s,background .2s}
.dz:hover,.dz.ov{border-color:var(--accent);background:rgba(0,229,200,.03)}
.dz input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.dz-icon{font-size:44px;margin-bottom:14px}
.dz-title{font-family:var(--sans);font-size:20px;font-weight:700;color:#fff;margin-bottom:6px}
.dz-sub{color:var(--muted);font-size:12px}
.dz-sub strong{color:var(--accent)}
.file-list{margin-top:16px;font-size:11px;color:var(--accent);list-style:none;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.file-list li{background:rgba(0,229,200,.1);border:1px solid rgba(0,229,200,.2);padding:3px 10px;border-radius:20px}
.btn-wrap{text-align:center;margin-top:20px}
.btn{display:inline-block;padding:12px 36px;background:var(--accent);color:#000;font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:6px;cursor:pointer;transition:opacity .2s}
.btn:hover{opacity:.85}
.btn:disabled{opacity:.4;cursor:not-allowed}
.prog{display:none;margin-top:20px}
.pb-bg{height:4px;background:var(--border);border-radius:2px;overflow:hidden}
.pb-fill{height:100%;background:var(--accent);animation:ind 1.5s infinite ease-in-out;transition:width .3s}
.pb-fill.has-progress{animation:none;width:0%}
@keyframes ind{0%{transform:translateX(-100%) scaleX(.5)}50%{transform:translateX(0) scaleX(.8)}100%{transform:translateX(100%) scaleX(.5)}}
.pb-lbl{font-size:11px;color:var(--muted);margin-top:8px;text-align:center}

/* SHARE BOX */
.share-box{display:flex;align-items:center;gap:10px;background:rgba(124,109,255,.1);border:1px solid rgba(124,109,255,.3);border-radius:8px;padding:12px 16px;margin-bottom:28px}
.share-box .share-icon{font-size:20px;flex-shrink:0}
.share-box input{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:6px 10px;color:var(--text);font-family:var(--mono);font-size:11px;outline:none}
.share-box input:focus{border-color:var(--a3)}
.copy-btn{padding:6px 16px;background:var(--a3);color:#fff;border:none;border-radius:5px;font-family:var(--sans);font-weight:700;font-size:11px;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;transition:opacity .2s;white-space:nowrap}
.copy-btn:hover{opacity:.85}
.share-note{font-size:10px;color:var(--muted);margin-top:4px}

/* KPI */
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.kpi{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:18px 18px 14px;position:relative;overflow:hidden;transition:border-color .2s}
.kpi:hover{border-color:var(--accent)}
.kpi::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent)}
.kpi.y::before{background:var(--ai)}.kpi.p::before{background:var(--ref)}.kpi.o::before{background:var(--a2)}
.kl{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.kv{font-family:var(--sans);font-size:30px;font-weight:800;color:#fff;line-height:1}
.kpi.y .kv{color:var(--ai)}.kpi.p .kv{color:var(--ref)}
.ks{font-size:10px;color:var(--muted);margin-top:6px}

/* LAYOUT */
.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}
@media(max-width:1000px){.three{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.two,.three{grid-template-columns:1fr}}
.sec{margin-bottom:44px}
.st{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;display:flex;align-items:center;gap:10px}
.st::after{content:'';flex:1;height:1px;background:var(--border)}
.dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}
.dot.y{background:var(--ai)}.dot.p{background:var(--ref)}.dot.o{background:var(--a2)}

/* CARD */
.card{background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden}
.card+.card{margin-top:0}
.ch{padding:12px 16px;border-bottom:1px solid var(--border);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.badge{background:var(--border);color:var(--text);padding:2px 8px;border-radius:20px;font-size:10px;white-space:nowrap}



/* BAR LIST */
.bl{list-style:none}
.bi{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--border);transition:background .15s;position:relative}
.bi:last-child{border-bottom:none}
.bi:hover{background:rgba(255,255,255,.02)}
.bi::before{content:'';position:absolute;left:0;top:0;bottom:0;background:rgba(0,229,200,.06);width:var(--pct);max-height: 3em;}
.bi.y::before{background:rgba(240,192,64,.08)}
.bi.p::before{background:rgba(224,96,240,.08)}
.bi.o::before{background:rgba(255,107,53,.08)}
.bl-lbl{font-size:11px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:1}
.bl-lbl a{color:var(--text);text-decoration:none}
.bl-lbl a:hover{color:var(--accent)}
.bl-cnt{font-size:11px;font-weight:700;color:var(--accent);position:relative;z-index:1;white-space:nowrap}
.bi.y .bl-cnt{color:var(--ai)}.bi.p .bl-cnt{color:var(--ref)}.bi.o .bl-cnt{color:var(--a2)}

/* TOP HORAS */
.top-hours-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:16px}
.th-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:12px 14px;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;transition:border-color .2s}
.th-card:hover{border-color:var(--accent)}
.th-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}
.th-card.rank-1::before{background:#ffd700}
.th-card.rank-2::before{background:#c0c0c0}
.th-card.rank-3::before{background:#cd7f32}
.th-rank{font-family:var(--sans);font-size:11px;font-weight:700;color:var(--muted);min-width:20px}
.th-hour{font-family:var(--sans);font-size:22px;font-weight:800;color:#fff;line-height:1}
.th-hour span{font-size:12px;color:var(--muted);font-weight:400}
.th-cnt{font-size:10px;color:var(--accent)}

/* HEATMAP */
.hg{display:grid;grid-template-columns:repeat(24,1fr);gap:3px;padding:16px}
.hc{aspect-ratio:1;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;transition:transform .15s;position:relative}
.hc:hover{transform:scale(1.35);z-index:10}
.hn{font-size:7px;color:var(--muted);line-height:1}
.hv{font-size:7px;color:var(--accent);font-weight:700;line-height:1.2}



/* STATUS */
.sg{display:flex;gap:10px;flex-wrap:wrap;padding:16px}
.sp{padding:10px 16px;border-radius:6px;text-align:center;min-width:84px}
.sc{font-size:20px;font-weight:700;line-height:1}
.sl{font-size:9px;color:var(--muted);margin-top:4px;text-transform:uppercase}
.s2x{background:rgba(64,224,128,.08);border:1px solid rgba(64,224,128,.2)}.s2x .sc{color:var(--ok)}
.s3x{background:rgba(255,107,53,.08);border:1px solid rgba(255,107,53,.2)}.s3x .sc{color:var(--a2)}
.s4x{background:rgba(255,64,96,.08);border:1px solid rgba(255,64,96,.2)}.s4x .sc{color:var(--danger)}
.s5x{background:rgba(124,109,255,.08);border:1px solid rgba(124,109,255,.2)}.s5x .sc{color:var(--a3)}

/* BAR CHART */
.dc{padding:16px 16px 12px;display:flex;align-items:flex-end;gap:2px;height:110px;overflow-x:auto}
.db-w{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:20px;flex:1}
.db{width:100%;background:var(--accent);border-radius:2px 2px 0 0;opacity:.7;min-height:2px;transition:opacity .2s}
.db:hover{opacity:1}
.dl{font-size:6px;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg)}

/* TABS */
.tabs{display:flex;gap:2px;margin-bottom:26px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.tab{padding:9px 16px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s;user-select:none}
.tab:hover{color:var(--text)}
.tab.active{color:var(--accent);border-bottom-color:var(--accent)}
.tc{display:none}.tc.active{display:block}
.empty{padding:40px;text-align:center;color:var(--muted);font-size:12px}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
@keyframes fu{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.kpi,.card{animation:fu .3s ease both}

div#tab-general {
    overflow-x: scroll;
}
input#shareUrl {
    width: 90%;
    max-width: 600px;
}
.ref-type-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.ref-type-pill{background:var(--bg2);border:1px solid var(--border);color:var(--muted);padding:6px 16px;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;transition:.15s;display:flex;gap:6px;align-items:center}
.ref-type-pill:hover{border-color:var(--accent);color:var(--accent)}
.ref-type-pill.active{background:var(--accent);border-color:var(--accent);color:#000}
.ref-type-pill.ia.active{background:var(--ref,#b06aff);border-color:var(--ref,#b06aff);color:#fff}
.ref-type-pill.seo.active{background:#4285F4;border-color:#4285F4;color:#fff}
.ref-type-pill.oth.active{background:var(--a3,#00c8a0);border-color:var(--a3,#00c8a0);color:#000}
.ref-section{display:none}
.ref-section.visible{display:block}
.sc-type-pills{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}
.sc-type-pill{background:var(--bg2);border:1px solid var(--border);color:var(--muted);padding:5px 14px;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;transition:.15s}
.sc-type-pill:hover{border-color:var(--accent);color:var(--accent)}
.sc-type-pill.active{background:var(--accent);border-color:var(--accent);color:#000}
.sc-type-pill.t2.active{background:#00c897;border-color:#00c897;color:#000}
.sc-type-pill.t3.active{background:#6ab0f5;border-color:#6ab0f5;color:#000}
.sc-type-pill.t4.active{background:#f0b429;border-color:#f0b429;color:#000}
.sc-type-pill.t5.active{background:#ff5050;border-color:#ff5050;color:#fff}
.sc-code-block{transition:opacity .15s}
.sc-filters{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.sc-btn{background:var(--bg2);border:1px solid var(--border);color:var(--muted);padding:3px 10px;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;transition:.15s}
.sc-btn:hover{border-color:var(--accent);color:var(--accent)}
.sc-btn.active{background:var(--accent);border-color:var(--accent);color:#000}
.sc-btn.ai-btn.active{background:#f0b429;border-color:#f0b429;color:#000}
.sc-btn.seo-btn.active{background:#4285F4;border-color:#4285F4;color:#fff}
.sc-dl-btn{background:var(--bg2);border:1px solid var(--border);color:var(--muted);padding:3px 10px;border-radius:4px;font-size:10px;cursor:pointer;margin-left:4px;transition:.15s}
.sc-dl-btn:hover{border-color:var(--accent);color:var(--accent)}
.pg-pills{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}
.pg-pill{background:var(--bg2);border:1px solid var(--border);color:var(--muted);padding:5px 14px;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;transition:.15s}
.pg-pill:hover{border-color:var(--accent);color:var(--accent)}
.pg-pill.active{background:var(--accent);border-color:var(--accent);color:#000}
.pg-pill .pg-pc{opacity:.7;margin-left:4px}
.pg-row{align-items:center;position:relative}.pg-row:hover .bl-lbl{color:var(--accent)}
.pg-detail-inner{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:rgba(0,0,0,.25);border-radius:6px;padding:10px 12px;border-top:1px solid var(--border);font-size:11px;width:100%}
.pg-detail-inner a{color:var(--accent);text-decoration:none;word-break:break-all}.pg-detail-inner a:hover{text-decoration:underline}
.pg-dh{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.pg-drow{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text)}
.pg-drow:last-child{border-bottom:none}
.pg-dval{color:var(--accent);font-weight:600;white-space:nowrap}
.pg-dua{word-break:break-all;color:var(--muted);font-size:10px;max-width:90%}
/* ── Listas con scroll ── */
.bl {
  max-height: 420px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--border) transparent;
}
.bl::-webkit-scrollbar { width: 4px; }
.bl::-webkit-scrollbar-track { background: transparent; }
.bl::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }

/* Excepción: listas pequeñas que no necesitan scroll */
.sg { overflow: visible; max-height: none; }
/* Listas de páginas (tab Páginas) — más altura porque hay muchas */
#pgList { max-height: 600px; }

/* Listas de códigos HTTP — cada bloque ya tiene su card */
.sc-code-block .bl { max-height: 320px; }

/* Cards pequeñas de motores/plataformas */
div#tab-geo {
    width: 90%;
    max-width: 180ch;
    margin: auto;
}
.card {
    max-height: 400px;
    overflow-y: scroll;
}
.cardmap {
    max-height: 800px;
    overflow-y: scroll;
}

/* ── Pills de extensión inline ── */
.ext-pills{display:flex;flex-wrap:wrap;gap:4px;padding:6px 16px 8px}
.ext-pill{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:12px;padding:2px 9px;font-size:10px;cursor:pointer;white-space:nowrap;transition:all .15s;font-weight:500}
.ext-pill.active{background:var(--accent);color:#000;border-color:var(--accent)}
.ext-pill:hover:not(.active){border-color:var(--accent);color:var(--accent)}
.leyenda.notout.postnuncio {
    margin: 2em auto;
    max-width: fit-content;
    position: relative;
    border: 1px solid #dadce0;
    border-radius: 4px;
    padding: 18px 10px 10px;

    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
    box-sizing: border-box;
}
.leyenda.notout.postnuncio {
    margin: 2em auto;
    max-width: fit-content;
    position: relative;
    border: 1px solid var(--white);
    border-radius: 4px;
    padding: 18px 1px 1px 1px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
    box-sizing: border-box;
}
.postnuncioborder {
    position: absolute;
    top: 0px;
    right: 20px;
    font-size: 13px;
    color: #80868b;
    font-family: Arial, sans-serif;
    letter-spacing: .3px;
    user-select: none;
    cursor: pointer;
    width: calc(50% - 24px);
    text-align: right;
    height: 18px;
}
.postnuncioclose {
    position: absolute;
    top: -5px;
    right: 0px;
    background: no-repeat;
    border: none;
    cursor: pointer;
    padding: 3px 6px;
    font-size: 20px;
    line-height: 1;
    color: #00aecd;
    font-family: Arial, sans-serif;
}
.leyenda.notout.postnuncio img {
    object-fit: contain;
}

.freq-pill {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 4px 12px; border-radius: 20px; border: 1px solid;
    font-size: 11px; font-weight: 700; cursor: pointer;
    background: transparent; transition: background .15s, opacity .15s;
    opacity: .65;
}
.freq-pill:hover  { opacity: 1 }
.freq-pill.active { opacity: 1; background: rgba(255,255,255,.06) }
.freq-pill-cnt {
    background: rgba(255,255,255,.12); border-radius: 10px;
    padding: 1px 6px; font-size: 10px; font-weight: 800;
}
/* Mensaje vacío por sección */
.freq-section-empty {
    display: none; padding: 16px; color: var(--muted);
    font-size: 12px; font-style: italic;
}

.freq-section { margin-bottom: 32px }
.freq-bot-card { background: var(--bg2); border: 1px solid var(--border); border-radius: 10px; overflow: hidden; margin-bottom: 10px }
.freq-bot-head { display: flex; align-items: center; gap: 12px; padding: 10px 16px; border-bottom: 1px solid var(--border); flex-wrap: wrap }
.freq-bot-name { font-weight: 700; font-size: 13px; flex: 1; min-width: 140px }
.freq-bot-total { font-size: 18px; font-weight: 800; color: var(--accent) }
.freq-bot-body { display: grid; grid-template-columns: 220px 1fr; gap: 0; align-items: stretch }
.freq-spark-wrap { padding: 10px 14px; border-right: 1px solid var(--border); display: flex; align-items: center }
.freq-stats-wrap { display: flex; gap: 0; flex-wrap: wrap }
.freq-stat { padding: 8px 16px; border-right: 1px solid var(--border); display: flex; flex-direction: column; gap: 2px; min-width: 100px }
.freq-stat:last-child { border-right: none }
.freq-stat-v { font-size: 15px; font-weight: 700; color: var(--text) }
.freq-stat-l { font-size: 10px; color: var(--muted); text-transform: uppercase; letter-spacing: .03em }
.freq-cadencia { display: inline-block; font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 20px; border: 1px solid currentColor; opacity: .9;cursor: help; }
.freq-google-group { border: 1px solid rgba(66,133,244,.3); border-radius: 10px; overflow: hidden; margin-bottom: 12px }
.freq-google-header { background: rgba(66,133,244,.08); padding: 10px 16px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; border-bottom: 1px solid rgba(66,133,244,.2) }
.freq-google-sub { border-top: 1px solid var(--border) }
.freq-google-sub-row { display: flex; align-items: center; gap: 12px; padding: 8px 16px; border-bottom: 1px solid var(--border); flex-wrap: wrap }
.freq-google-sub-row:last-child { border-bottom: none }
.freq-sub-name { font-size: 12px; font-weight: 600; min-width: 180px; color: var(--text) }
.freq-sub-spark { flex-shrink: 0 }
.freq-sub-stats { display: flex; gap: 14px; flex-wrap: wrap; font-size: 11px; color: var(--muted) }
.freq-sub-stats strong { color: var(--text) }
.freq-verif-badge { font-size: 10px; padding: 2px 8px; border-radius: 4px; font-weight: 700 }
.freq-verif-ok  { background: rgba(0,229,200,.12); color: #00e5c8; border: 1px solid rgba(0,229,200,.3) }
.freq-verif-warn{ background: rgba(255,200,0,.12);  color: #ffd060; border: 1px solid rgba(255,200,0,.3)  }
.freq-verif-none{ background: rgba(150,150,150,.1); color: #888;    border: 1px solid rgba(150,150,150,.2) }

.ua-pill {
  padding: 5px 12px;
  border-radius: 20px;
  border: 1px solid var(--border);
  background: transparent;
  color: var(--muted);
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: all .2s;
}
.ua-pill.active,
.ua-pill:hover {
  background: var(--accent);
  color: #000;
  border-color: var(--accent);
}

.ref-sub-pill {
  padding: 4px 10px;
  border-radius: 16px;
  border: 1px solid var(--border);
  background: transparent;
  color: var(--muted);
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: all .2s;
}
.ref-sub-pill.active,
.ref-sub-pill:hover {
  background: var(--accent);
  color: #000;
  border-color: var(--accent);
}
.ref-sub-pill.active {
  border-color: transparent;
  opacity: 1;
}
/*
.ref-sub-pill:not(.active) {
  border-color: var(--border);
  background: transparent;
  color: var(--muted);
}
  */
/* ── Referrer SEO ─────────────────────────────────────────────── */
.ref-bg-Google     { background: #4285F4; color: #fff; }
.ref-bg-Bing       { background: #008373; color: #fff; }
.ref-bg-DuckDuckGo { background: #de5833; color: #fff; }
.ref-bg-Yahoo      { background: #6001d2; color: #fff; }
.ref-bg-Ecosia     { background: #4a9e3f; color: #fff; }
.ref-bg-Baidu      { background: #2932e1; color: #fff; }
.ref-bg-Yandex     { background: #fc3f1d; color: #fff; }
.ref-bg-Qwant      { background: #5013dc; color: #fff; }
.ref-bg-Startpage  { background: #0077cc; color: #fff; }
.ref-bg-Naver      { background: #03c75a; color: #fff; }
.ref-bg-Seznam     { background: #cc0000; color: #fff; }
.ref-bg-Sogou      { background: #e6322a; color: #fff; }
.ref-bg-Ask        { background: #e8732a; color: #fff; }

/* ── Referrer IA ──────────────────────────────────────────────── */
.ref-bg-ChatGPT        { background: #10a37f; color: #fff; }
.ref-bg-Claude         { background: #cc785c; color: #fff; }
.ref-bg-Perplexity     { background: #20b2aa; color: #fff; }
.ref-bg-Kagi-AI        { background: #3a7bd5; color: #fff; }
.ref-bg-Gemini         { background: #4285F4; color: #fff; }
.ref-bg-Copilot        { background: #0078d4; color: #fff; }
.ref-bg-Mistral-LeChat { background: #f54e42; color: #fff; }
.ref-bg-DeepSeek       { background: #1a6ef5; color: #fff; }
.ref-bg-Venice-AI      { background: #8e44ad; color: #fff; }
.ref-bg-You-com-AI     { background: #ff4f00; color: #fff; }
.ref-bg-Phind          { background: #5b5ea6; color: #fff; }
.ref-bg-Poe-AI         { background: #7c4dff; color: #fff; }
.ref-bg-Character-AI   { background: #444444; color: #fff; }
.ref-bg-Pi-AI          { background: #00897b; color: #fff; }
.ref-bg-HuggingFace    { background: #ff9d00; color: #000; }



@media (max-width: 640px) {
    .freq-bot-body { grid-template-columns: 1fr }
    .freq-spark-wrap { border-right: none; border-bottom: 1px solid var(--border) }
}

    @media (max-width: 600px) {
div#shareBox {
    display: flex;
    flex-direction: column;
    position: relative;
}
.share-icon {
    position: absolute;
    left: 0;
}
.leyenda.notout.postnuncio {
    display: none;
}
    }