/* Lo unico que suma index.html (fase 22): la franja hacia Mayorista y Transparencia
   y el contador de comunidad. Todo con prefijo .fz- para no pisar ninguna regla de
   la home. */

.fz-franja{ border-top:1px solid var(--line); padding:var(--s-5) 0; }
.fz-wrap{ max-width:var(--container); margin:0 auto; padding-inline:clamp(1.15rem, 4vw, 2.5rem);
  display:flex; flex-wrap:wrap; gap:var(--s-4); align-items:center; justify-content:space-between; }
.fz-links{ display:flex; flex-wrap:wrap; gap:var(--s-3); }
.fz-link{ display:inline-flex; align-items:center; gap:0.4rem; padding:0.6rem 1rem; border:1px solid var(--line);
  border-radius:var(--r-md); background:var(--surface); color:var(--ink); font-weight:500; font-size:var(--t-small);
  text-decoration:none; transition:background-color var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease); }
.fz-link:hover{ background:var(--surface-2); border-color:var(--line-strong); }
.fz-link strong{ color:var(--primary); font-weight:600; }
.fz-comunidad{ display:flex; flex-wrap:wrap; gap:var(--s-5); align-items:baseline; }
.fz-dato{ display:flex; flex-direction:column; }
.fz-num{ font-family:var(--font-num); font-variant-numeric:tabular-nums; font-feature-settings:'tnum' 1; font-weight:700; font-size:1.35rem; color:var(--primary); line-height:1.1; }
.fz-lab{ color:var(--muted); font-size:var(--t-caption); }
@media (max-width:640px){ .fz-wrap{ flex-direction:column; align-items:flex-start; } }