/* =========================================================
   KeepOn Live Fest — Eventi raggruppati per tipologia
   [keepon_eventi tipo="..."]
   Stile omogeneo con home + app: bordo #323232, sfondo #F1E1CD.
   Il colore-tipologia resta come accento (tag + icona placeholder).
   ========================================================= */
.kofp-gruppi-titolo{
  font-family:'Archivo',sans-serif; font-weight:900; font-size:clamp(24px,4vw,36px);
  text-transform:uppercase; letter-spacing:-.02em; margin:0 0 24px; color:#323232;
}
.kofp-gruppi{ display:grid; gap:20px; }
.kofp-cols-1{ grid-template-columns:1fr; }
.kofp-cols-2{ grid-template-columns:repeat(2,1fr); }
.kofp-cols-3{ grid-template-columns:repeat(3,1fr); }
.kofp-cols-4{ grid-template-columns:repeat(4,1fr); }
@media(max-width:900px){ .kofp-cols-3,.kofp-cols-4{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .kofp-gruppi{ grid-template-columns:1fr !important; } }

/* CARD: stessa identità della home — bordo scuro netto, sfondo crema */
.kofp-card{
  display:flex; flex-direction:column; background:#F1E1CD;
  border:2px solid #323232; border-radius:16px; overflow:hidden;
  text-decoration:none; color:#323232; transition:transform .16s, box-shadow .16s;
}
a.kofp-card:hover{ transform:translateY(-4px); box-shadow:0 10px 26px rgba(50,50,50,.18); }

.kofp-card-img{ aspect-ratio:1/1; overflow:hidden; background:#EAD9C0; border-bottom:2px solid #323232; }
.kofp-card-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.kofp-card-noimg{ display:flex; align-items:center; justify-content:center; font-size:44px; color:#fff; border-bottom:2px solid #323232; }

/* placeholder senza immagine: sfondo = colore tipologia (unico punto "pieno") */
.tipo-talk .kofp-card-noimg{ background:#F5A524; }
.tipo-work .kofp-card-noimg{ background:#2F8F6B; }
.tipo-live .kofp-card-noimg{ background:#D8340A; }
.tipo-plen .kofp-card-noimg{ background:#6D4AC4; }

.kofp-card-body{ padding:18px 18px 20px; display:flex; flex-direction:column; flex:1; }
.kofp-card-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:10px; }

/* TAG categoria: qui resta l'accento colorato per tipologia */
.kofp-card-cat{
  font-family:'Space Mono',monospace; font-size:10px; font-weight:700; text-transform:uppercase;
  letter-spacing:.04em; color:#fff; padding:3px 9px; border-radius:5px;
}
.tipo-talk .kofp-card-cat{ background:#F5A524; }
.tipo-work .kofp-card-cat{ background:#2F8F6B; }
.tipo-live .kofp-card-cat{ background:#D8340A; }
.tipo-plen .kofp-card-cat{ background:#6D4AC4; }

.kofp-card-when{ font-family:'Space Mono',monospace; font-size:12px; font-weight:700; color:#5A5148; }
.kofp-card-title{ font-family:'Archivo',sans-serif; font-weight:800; font-size:19px; line-height:1.18; letter-spacing:-.01em; margin:0 0 8px; color:#323232; }
.kofp-card-loc{ font-size:13px; color:#5A5148; display:flex; align-items:center; gap:6px; margin-bottom:8px; }
.kofp-card-loc i{ font-size:11px; color:#D8340A; }
.kofp-card-desc{ font-size:13.5px; line-height:1.5; color:#5A5148; margin:0 0 14px; }
.kofp-card-go{
  margin-top:auto; display:inline-flex; align-items:center; gap:8px;
  font-family:'Archivo',sans-serif; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.03em;
  color:#D8340A;
}
.kofp-card-go i{ transition:transform .16s; }
a.kofp-card:hover .kofp-card-go i{ transform:translateX(4px); }

.kofp-gruppi-empty, .kofp-gruppi-err{
  font-family:'Space Mono',monospace; font-size:13px; color:#6B7280;
  padding:20px; text-align:center; border:1px dashed #C9B695; border-radius:12px;
}