/* =========================================================================
   UNTO Eventi — card del programma
   Colori e font: cambia le variabili qui sotto.
   ========================================================================= */
.unto-evs, .unto-programma {
  --u-verde:#929F43; --u-senape:#C2B122; --u-terra:#737E31; --u-nero:#161616; --u-bianco:#fff;
  --u-linea:rgba(22,22,22,.14); --u-muted:rgba(22,22,22,.66);
  --u-f-title:"Manrope","Helvetica Neue",Arial,sans-serif;
  --u-f-text:inherit;
  --u-r:12px; --u-ease:cubic-bezier(.2,.7,.2,1);
}

/* Griglia: 1 colonna su mobile, 2 da 900px, 3 da 1400px */
.unto-evs{display:grid;gap:10px}
@media(min-width:900px){.unto-evs{grid-template-columns:1fr 1fr}}
@media(min-width:1400px){.unto-evs{grid-template-columns:repeat(3,1fr)}}

/* Card */
.unto-ev{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:start;padding:18px;
  background:var(--u-bianco);border:1px solid var(--u-linea);border-radius:var(--u-r);
  color:var(--u-nero);text-decoration:none!important;transition:border-color .2s,transform .3s var(--u-ease)}
.unto-ev:hover{border-color:var(--u-nero);color:var(--u-nero)}
.unto-ev.is-hidden{display:none}

/* Colonna data */
.unto-ev__day{display:block;font:300 26px/1 var(--u-f-title);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.unto-ev__date small{display:block;font:400 12px/1.3 var(--u-f-text);color:var(--u-muted);margin-top:6px}

/* Testi */
.unto-ev__title{font:400 20px/1.2 var(--u-f-title)!important;margin:10px 0 6px!important;color:var(--u-nero)!important;text-transform:none!important;letter-spacing:0!important}
.unto-ev__where{font-size:14px;line-height:1.4;color:var(--u-muted);margin:0!important}

/* Pillola categoria */
.unto-tag{display:inline-flex;align-items:center;gap:7px;font:500 12px/1 var(--u-f-text);padding:7px 11px;
  border-radius:999px;border:1px solid var(--u-linea);background:var(--u-bianco);color:var(--u-nero);white-space:nowrap}
.unto-tag i,.unto-chip i{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}
.unto-fam-olio i{background:var(--u-senape)}
.unto-fam-cultura i{background:var(--u-terra)}
.unto-fam-natura i{background:var(--u-verde)}
.unto-fam-altro i{background:var(--u-nero)}

/* Badge Gratuito */
.unto-badge{display:inline-block;margin-top:12px;font:500 11px/1 var(--u-f-text);letter-spacing:.06em;text-transform:uppercase;
  padding:6px 9px;border-radius:4px;background:var(--u-verde);color:var(--u-nero)}

/* Freccia */
.unto-ev__go{width:38px;height:38px;border-radius:50%;border:1px solid var(--u-linea);display:grid;place-items:center;
  transition:background .2s,border-color .2s,transform .3s var(--u-ease)}
.unto-ev__go svg{width:14px;height:14px}
.unto-ev:hover .unto-ev__go{background:var(--u-senape);border-color:var(--u-senape);transform:rotate(-45deg)}

/* Bottoni filtro */
.unto-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px;margin-bottom:20px}
.unto-chips::-webkit-scrollbar{display:none}
.unto-chip{flex:none;display:inline-flex;align-items:center;gap:7px;color:var(--u-nero);font:500 14px/1 var(--u-f-text);
  padding:11px 15px;border-radius:999px;border:1px solid rgba(22,22,22,.25);background:var(--u-bianco);cursor:pointer;transition:background .2s,color .2s}
.unto-chip:hover{border-color:var(--u-nero)}
.unto-chip[aria-pressed="true"]{background:var(--u-nero);color:var(--u-bianco);border-color:var(--u-nero)}

.unto-empty{padding:40px 20px;text-align:center;border:1px dashed var(--u-linea);border-radius:var(--u-r)}

/* =========================================================================
   Modale del dettaglio evento
   ========================================================================= */
.unto-modal{
  --u-verde:#929F43; --u-senape:#C2B122; --u-terra:#737E31; --u-nero:#161616; --u-bianco:#fff;
  --u-linea:rgba(22,22,22,.14); --u-muted:rgba(22,22,22,.66);
  --u-f-title:"Manrope","Helvetica Neue",Arial,sans-serif; --u-f-text:inherit;
  background:rgba(22,22,22,.6);
}
.unto-modal__dialog{width:720px;max-width:100%;padding:0;border-radius:20px;overflow:hidden;background:var(--u-bianco);color:var(--u-nero)}
.unto-modal__close{top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:var(--u-bianco);color:var(--u-nero);display:grid;place-items:center;z-index:2}
.unto-modal__img img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.unto-modal__body{padding:28px}
@media(min-width:640px){.unto-modal__body{padding:40px}}

.unto-modal__tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.unto-modal__tags .unto-badge{margin-top:0}
.unto-modal__title{font:400 clamp(26px,3.2vw,36px)/1.1 var(--u-f-title)!important;letter-spacing:-.015em;margin:16px 0 22px!important;color:var(--u-nero)!important;text-transform:none!important}

.unto-modal__info{margin:0 0 24px;display:grid;gap:10px;border-top:1px solid var(--u-linea);padding-top:18px}
.unto-modal__info>div{display:grid;grid-template-columns:90px 1fr;gap:12px}
.unto-modal__info dt{font:500 12px/1.6 var(--u-f-text);letter-spacing:.08em;text-transform:uppercase;color:var(--u-muted)}
.unto-modal__info dd{margin:0;font-size:16px;line-height:1.5}

.unto-modal__text{font-size:16px;line-height:1.6;margin-bottom:24px}
.unto-modal__text p:last-child{margin-bottom:0}

.unto-modal__actions{display:flex;gap:10px;flex-wrap:wrap}
.unto-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;
  border:1.5px solid var(--u-nero);color:var(--u-nero)!important;font:500 15px/1 var(--u-f-text);text-decoration:none!important;transition:background .2s,color .2s}
.unto-btn:hover{background:var(--u-nero);color:var(--u-bianco)!important}
.unto-btn--pieno{background:var(--u-nero);color:var(--u-bianco)!important}
.unto-btn--pieno:hover{background:var(--u-senape);border-color:var(--u-senape);color:var(--u-nero)!important}

.unto-modal__more{margin-top:32px;border-top:1px solid var(--u-linea);padding-top:20px}
.unto-modal__more h3{font:500 12px/1 var(--u-f-text)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--u-muted)!important;margin:0 0 14px!important}
.unto-modal__more ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.unto-modal__more a{display:flex;align-items:center;gap:14px;color:var(--u-nero)!important;text-decoration:none!important;font:400 17px/1.3 var(--u-f-title)}
.unto-modal__more a:hover span{text-decoration:underline}
.unto-modal__more img{width:64px;height:64px;object-fit:cover;border-radius:8px;flex:none}