/* Extensão limitada à agenda e à sua lightbox. Usa os tokens e as fontes originais. */
#eventos [hidden], #event-lightbox [hidden] { display:none; }
#eventos { overflow-wrap:anywhere; }
#eventos .events-note { color:var(--muted); max-width:70ch; margin-block:16px; }
#eventos .events-demo { padding:16px; border:1px solid var(--ink); background:var(--yellow); }
#eventos .events-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-bottom:32px; }
#eventos .events-toolbar p { flex:1 1 280px; margin:0; }
#eventos .events-group-title { font:400 36px/1.15 Bebas,sans-serif; margin-block:36px 24px; }
#eventos .events-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 32px; }
#eventos .event-item { min-width:0; border-top:1px solid var(--line); padding-top:24px; }
#eventos .event-cover { display:block; position:relative; width:100%; padding:0; border:0; background:var(--line); margin-bottom:24px; }
#eventos .event-cover img { display:block; width:100%; aspect-ratio:1.5; object-fit:cover; }
#eventos .event-cover .image-open { width:44px; height:44px; }
#eventos .event-meta { display:flex; flex-wrap:wrap; gap:8px 16px; align-items:baseline; font-size:16px; margin-bottom:10px; }
#eventos .event-state { font-weight:700; padding:2px 8px; border:1px solid var(--line); }
#eventos .event-title { font:400 clamp(32px,3vw,44px)/1.1 Bebas,sans-serif; margin:0 0 12px; }
#eventos .event-location { font-weight:600; margin-bottom:12px; }
#eventos .event-summary { max-width:65ch; margin-bottom:16px; }
#eventos .event-details { border-top:1px solid var(--line); margin-top:20px; }
#eventos .event-details summary { min-height:48px; display:flex; justify-content:space-between; align-items:center; gap:16px; font-weight:600; padding-block:12px; list-style:none; }
#eventos .event-details summary::-webkit-details-marker { display:none; }
#eventos .event-description { white-space:pre-wrap; max-width:65ch; margin-block:16px 24px; }
#eventos .event-photos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:16px; }
#eventos .event-photo { width:100%; padding:0; border:0; background:var(--line); }
#eventos .event-photo img { display:block; width:100%; aspect-ratio:1; object-fit:cover; }
#eventos .events-history { margin-top:48px; border-top:1px solid var(--line); }
#eventos .events-history>summary { padding-block:24px; font:400 32px/1.2 Bebas,sans-serif; }
#eventos .event-image-error { display:grid; min-height:100px; place-items:center; padding:16px; font-size:16px; }
#eventos button:active, #event-lightbox button:active { transform:scale(.98); }
#event-lightbox { width:min(1100px,calc(100% - 32px)); max-height:92dvh; padding:24px; border:1px solid var(--dark-line); background:var(--ink); color:var(--paper); overflow-wrap:anywhere; }
#event-lightbox::backdrop { background:#111e; }
#event-lightbox :focus-visible { outline-color:var(--yellow); }
#event-lightbox .event-lightbox-tools { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:16px; }
#event-lightbox button { min-height:44px; padding:8px 16px; border:1px solid var(--dark-line); background:var(--ink); color:var(--paper); }
#event-lightbox button:disabled { opacity:.55; cursor:default; }
#event-lightbox figure { margin:0; }
#event-lightbox img { width:100%; max-height:65dvh; object-fit:contain; display:block; }
#event-lightbox figcaption { margin-top:16px; white-space:pre-wrap; }
#event-lightbox .event-lightbox-nav { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:16px; margin-top:20px; }
body.event-dialog-open { overflow:hidden; }
@media(max-width:700px) {
  #eventos .events-list { grid-template-columns:minmax(0,1fr); }
  #eventos .event-photos { gap:8px; }
  #event-lightbox { padding:16px; }
}
@media(prefers-reduced-motion:reduce) {
  #eventos button:active, #event-lightbox button:active { transform:none; }
}