/* ── TABS ────────────────────────────── */
.tabs { display:flex; gap:.4rem; margin-bottom:1.2rem; flex-wrap:wrap; }
.tab-btn {
  padding:.35rem 1rem;
  border-radius:100px;
  border:1.5px solid var(--border);
  background:var(--card-bg);
  font-family:'DM Sans',sans-serif;
  font-size:.8rem;
  font-weight:600;
  cursor:pointer;
  transition:all .2s;
  color:var(--muted);
  display:inline-flex;
  align-items:center;
  gap:.3rem;
}
.tab-btn:hover { border-color:#94a3b8; color:var(--dark); }
.tab-btn.active { background:var(--dark); border-color:var(--dark); color:white; }

/* Mapa — blau */
#tab-mapa {
  background:#EFF6FF;
  color:#1d4ed8;
  border-color:#93c5fd;
}
#tab-mapa:hover { background:#DBEAFE; }
#tab-mapa.active { background:#1d4ed8; border-color:#1d4ed8; color:white; }

/* Comparar — lila */
#tab-comparar {
  background:#F5F3FF;
  color:#6d28d9;
  border-color:#c4b5fd;
}
#tab-comparar:hover { background:#EDE9FE; }
#tab-comparar.active { background:#6d28d9; border-color:#6d28d9; color:white; }

/* Botó "Com funciona la FP" — link extern */
.tab-btn--info {
  text-decoration: none;
  border-style: dashed;
  opacity: .8;
}
.tab-btn--info:hover { opacity: 1; border-style: solid; }