/* Asso Manager — Aree tematiche in home (sotto il titolo «Aree tematiche» della riga SP Page Builder).
 * Filtri come Rete FF ma su fondo bianco; 4 colonne su computer, 2 su tablet, fila scorrevole sul telefono. */
.ffah{--r:#b14147;--rv:#c8102e;--rd:#9e0c24;--ink:#1a1a1a;--tx:#2b2b2b;--mu:#7a7a7a;--ln:#ececec;font-family:Montserrat,sans-serif;color:var(--tx);margin:0;padding:0 0 12px;text-align:left}
.ffah *{box-sizing:border-box}
.ffah a{text-decoration:none}
.ffah-sub{text-align:center;margin:-6px 0 22px;color:var(--mu);font-size:18px;font-weight:500;min-height:1.4em}
.ffah-filters{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:0 0 30px}
.ffah-lab{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.ffah-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.ffah-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;border-radius:999px;border:2px solid #ecd3d6;background:#fff;color:var(--ink)!important;padding:9px 18px;font:700 15px/1.1 Montserrat,sans-serif;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .15s}
.ffah-chip small{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#fbe9ec;color:var(--rd);font-size:12.5px;font-weight:800;transition:background .2s,color .2s}
.ffah-chip:hover{border-color:var(--r);transform:translateY(-1px)}
.ffah-chip:focus-visible,.ffah-pill:focus-visible{outline:3px solid var(--r);outline-offset:2px}
.ffah-chip[aria-pressed="true"]{background:var(--r);border-color:var(--r);color:#fff!important}
.ffah-chip[aria-pressed="true"] small{background:#fff;color:var(--r)}

.ffah-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.ffah-card{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--ln);border-bottom:4px solid var(--r);border-radius:20px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.05);transition:box-shadow .2s,translate .2s}
.ffah-card[hidden]{display:none}
.ffah-card:hover{translate:0 -4px;box-shadow:0 16px 34px rgba(0,0,0,.10)}
.ffah-img{display:block;aspect-ratio:16/10;background:#f3eeee center/cover no-repeat}
.ffah-img--logo{background:#fff;border-bottom:1px solid var(--ln);display:flex;align-items:center;justify-content:center;padding:12px}
.ffah-img--logo img{max-width:82%;max-height:100%;height:auto;object-fit:contain}
.ffah-pill{position:absolute;left:12px;top:12px;border:0;cursor:pointer;background:#fff;border-radius:999px;padding:6px 12px;font:800 12px/1.2 Montserrat,sans-serif;letter-spacing:.04em;color:var(--ink);box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform .15s}
.ffah-pill b{color:var(--rv);font-weight:800}
.ffah-pill:hover{transform:scale(1.05)}
.ffah[data-vista="area"] .ffah-pill{pointer-events:none}
.ffah-body{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px}
.ffah-meta{margin:0 0 8px;font-size:12.5px;font-weight:600;color:var(--mu)}
.ffah-new{color:var(--rv)}
.ffah h3{font-family:Montserrat,sans-serif;margin:0 0 10px;font-size:16px;line-height:1.35;font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.95em}
.ffah h3 a{color:var(--ink)!important}
.ffah h3 a:hover{color:var(--r)!important}
.ffah-card--new h3 a{color:#555!important}
.ffah-tags{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:nowrap;gap:6px;overflow:hidden;min-width:0}
.ffah-tags li{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.5px;font-weight:600;background:#fbe9ec;color:var(--rd);border-radius:999px;padding:4px 10px;margin:0}
.ffah-go{margin-top:auto;font-size:13.5px;font-weight:700;color:var(--r)!important}
.ffah-go span{display:inline-block;transition:transform .2s}
.ffah-card:hover .ffah-go span{transform:translateX(4px)}
.ffah[data-vista="tutte"] .ffah-go--news,.ffah[data-vista="area"] .ffah-go--area{display:none}
.ffah-more{text-align:center;margin-top:30px}
.ffah-more[hidden]{display:none}
.ffah-btn{display:inline-flex;align-items:center;gap:8px;background:var(--r);color:#fff!important;border-radius:999px;padding:14px 28px;font-weight:700;font-size:15.5px;box-shadow:0 10px 24px rgba(177,65,71,.28);transition:transform .2s,background .2s}
.ffah-btn:hover{background:var(--rd);transform:translateY(-2px)}
@media (max-width:1100px){.ffah-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
 .ffah-sub{font-size:15px;margin-bottom:16px;padding:0 4px}
 .ffah-filters{display:block;margin-bottom:18px}
 .ffah-lab{display:block;text-align:center;margin-bottom:10px}
 .ffah-chips{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none;scroll-snap-type:x proximity}
 .ffah-chips::-webkit-scrollbar{display:none}
 .ffah-chip{flex:none;scroll-snap-align:start}
 .ffah-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:4px 2px 18px;scrollbar-width:none}
 .ffah-grid::-webkit-scrollbar{display:none}
 .ffah-card{flex:0 0 80%;scroll-snap-align:start}
 .ffah-more{margin-top:12px}
}
@media (prefers-reduced-motion:reduce){.ffah-chip,.ffah-card,.ffah-btn,.ffah-pill{transition:none}}