/* ── HEADER ─────────────────────────── */
header {
  background: var(--dark);
  padding: 2rem 1.5rem 1.8rem;
  position: relative;
  overflow: hidden;
}
header::before { content:''; position:absolute; top:-80px; right:-80px; width:260px; height:260px; background:var(--pub-color); border-radius:50%; opacity:.1; }
header::after  { content:''; position:absolute; bottom:-60px; left:25%; width:180px; height:180px; background:var(--priv-color); border-radius:50%; opacity:.08; }
.header-inner { max-width:1100px; margin:0 auto; position:relative; z-index:1; }
.header-top { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; flex-wrap:wrap; }
.header-left { flex:1; }
.header-logo-wrap { flex-shrink:0; }
.header-logo-wrap img {
  height:100px; width:auto;
  background: white;
  border-radius: 12px;
  padding: 8px 14px;
  display: block;
}
.header-tag { display:inline-block; background:rgba(255,255,255,.1); color:white; font-family:'Unbounded',sans-serif; font-size:.58rem; letter-spacing:.15em; padding:.3rem .8rem; border-radius:100px; margin-bottom:.7rem; text-transform:uppercase; border:1.5px solid rgba(56,189,248,.4); box-shadow: 0 1px 4px rgba(0,0,0,.15); }
h1 { font-family:'Unbounded',sans-serif; font-size:clamp(1.5rem,4.5vw,2.6rem); color:white; line-height:1.15; font-weight:900; }
h1 span { color:var(--accent-yellow); }
.header-sub { color:rgba(255,255,255,.55); margin-top:.5rem; font-size:.92rem; font-weight:300; }
.stats-row { display:flex; gap:1rem; margin-top:1.4rem; flex-wrap:wrap; }
.stat { background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.1); border-radius:12px; padding:.55rem .9rem; text-align:center; }
.stat-num { font-family:'Unbounded',sans-serif; font-size:1.3rem; color:var(--accent-yellow); font-weight:700; display:block; }
.stat-label { font-size:.65rem; color:rgba(255,255,255,.45); text-transform:uppercase; letter-spacing:.1em; }

/* ── LLEGENDA ─────────────────────────── */
.legend { display:flex; gap:.8rem; flex-wrap:wrap; align-items:center; margin-top:.9rem; }
.legend-item { display:flex; align-items:center; gap:.35rem; font-size:.72rem; color:rgba(255,255,255,.7); }
.legend-item--note { color:rgba(255,255,255,.5); font-size:.68rem; }
.legend-dot { width:10px; height:10px; border-radius:50%; flex-shrink:0; }
.legend-dot.pub  { background:var(--pub-color); }
.legend-dot.priv { background:var(--priv-color); }
.header-bottom-row { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.6rem; margin-top:.9rem; }
.legend { display:flex; gap:1.2rem; flex-wrap:wrap; align-items:center; }
.legend-item { display:flex; align-items:center; gap:.4rem; font-size:.75rem; color:rgba(255,255,255,.65); }
.legend-item--note { color:rgba(255,255,255,.45); font-size:.7rem; }
.legend-dot { width:12px; height:12px; border-radius:50%; flex-shrink:0; }
.legend-dot.pub  { background:var(--pub-color); }
.legend-dot.priv { background:var(--priv-color); }