Events

.suma-event{ --bg:#ffffff;--fg:#0f172a;--muted:#64748b;--card:#f8fafc; --accent:#0ea5e9;--accent2:#22c55e;--warn:#fff7ed;--danger:#fee2e2; --radius:16px;--shadow:0 6px 24px rgba(2,6,23,.08) } .suma-event{ font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica,Arial,sans-serif; color:var(--fg); background:var(--bg); padding:clamp(16px,3vw,28px); border:1px solid #e5e7eb; border-radius:var(--radius); box-shadow:var(--shadow) } .suma-head{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin-bottom:16px} #suma-event-title{font-size:clamp(20px,2.4vw,28px);margin:0} .suma-date{font-weight:700;background:var(--card);padding:8px 12px;border-radius:999px} .grid{display:grid;gap:16px} @media(min-width:720px){.grid{grid-template-columns:2fr 1.1fr}} .card{background:var(--card);border-radius:14px;padding:16px;border:1px solid #e5e7eb} .row{display:flex;gap:12px;margin:10px 0;align-items:flex-start} .row .icon{flex:0 0 28px;font-size:20px;line-height:1.2} .muted{color:var(--muted)} .tag{display:inline-block;background:rgba(14,165,233,.12);color:var(--accent);padding:6px 10px;border-radius:999px;margin:6px 6px 0 0;font-weight:600} .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px} .btn{appearance:none;border:none;cursor:pointer;text-decoration:none;padding:12px 16px;border-radius:12px;font-weight:700;display:inline-flex;align-items:center;gap:10px;box-shadow:var(--shadow)} .btn-primary{background:var(--accent);color:#001018} .btn-outline{background:transparent;color:var(--accent);border:2px solid var(--accent)} .note{background:var(--warn);padding:12px 14px;border-radius:12px;border:1px dashed #f59e0b33;margin-top:10px} […]