#dia-avond-popup { padding: 0; border: 0; border-radius: 20px; width: min(560px, calc(100vw - 32px)); max-height: 90vh; max-height: 90dvh; overflow-y: auto; color: #292524; background: white; box-shadow: 0 24px 80px #0006; }
#dia-avond-popup::backdrop { background: #180606bf; }
#dia-avond-popup .dia-close { position: absolute; top: 12px; right: 12px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: white; color: #7f1d1d; font-size: 30px; cursor: pointer; }
#dia-avond-popup .dia-photo { display: block; width: 100%; height: auto; }
#dia-avond-popup .dia-content { padding: 24px; text-align: center; }
#dia-avond-popup .dia-date { color: #7f1d1d; font-weight: 700; }
#dia-avond-popup h2 { margin: 6px 0 12px; font-size: clamp(24px, 5vw, 32px); font-weight: 800; line-height: 1.15; }
#dia-avond-popup .dia-register { display: block; margin-top: 20px; padding: 14px 18px; border-radius: 12px; background: #7f1d1d; color: white; font-weight: 700; text-decoration: none; }
#dia-avond-popup button:focus-visible, #dia-avond-popup a:focus-visible { outline: 3px solid #eab308; outline-offset: 3px; }