/* ============================================================
   ICDS · Nossas Unidades, filtro por marca + alcance CCAM
   Depende de styles.css e pages.css. Linkar DEPOIS de pages.css.
   ============================================================ */

/* ---- Barra de filtro por marca ---- */
.brand-filter{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}
.bf-btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--ic-font-display);font-weight:700;font-size:.85rem;color:var(--ic-navy-900);background:#fff;border:1px solid var(--ic-gray-200);border-radius:var(--ic-radius-pill);padding:10px 20px;transition:all var(--ic-t-fast) var(--ic-ease)}
.bf-btn:hover{border-color:var(--ic-primary);color:var(--ic-primary)}
.bf-btn.active{background:var(--ic-navy-900);color:#fff;border-color:var(--ic-navy-900)}
.bf-dot{width:9px;height:9px;border-radius:50%;flex:none;background:var(--ic-gray-400)}
.bf-dot.uh{background:var(--ic-primary)}
.bf-dot.cc{background:#2F7A5C}
.bf-dot.cs{background:#BE7C3A}

/* ---- Etiqueta de marca no cartão de unidade ---- */
.ic-post .u-tag{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:var(--ic-radius-pill);padding:7px 14px;font-family:var(--ic-font-display);font-weight:700;font-size:.72rem;color:var(--ic-navy-900);box-shadow:var(--ic-shadow-card)}
.ic-post .u-tag .d{width:8px;height:8px;border-radius:50%;flex:none}
.u-tag .d.uh{background:var(--ic-primary)}
.u-tag .d.cc{background:#2F7A5C}
.u-tag .d.cs{background:#BE7C3A}

/* ---- Bloco de alcance da contrapartida social (CCAM) ---- */
.ccam-cities{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:34px}
.ccam-city{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--ic-radius-card);padding:18px 20px}
.ccam-city .pin{width:38px;height:38px;flex:none;border-radius:10px;background:var(--ic-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.ccam-city .pin svg{width:18px;height:18px;fill:#fff}
.ccam-city b{display:block;font-family:var(--ic-font-display);font-weight:700;color:#fff;font-size:1rem;line-height:1.2}
.ccam-city span{font-size:.8rem;color:var(--ic-gray-400)}
.ccam-note{margin-top:28px;font-size:.85rem;color:var(--ic-gray-400)}