/* Workshop — taller o meetup de comunidad: stickers, colores vivos, cupo y qué traer. Va después de
   kit/base.css y kit/empresa.css. Solo var(--mi-*) / var(--k-*); nunca {{ theme.x }} aquí. */

.wk { --k-radius: 22px; --wk-ink: var(--k-text); }
.wk h2 { font-weight: 700; }
.wk-hero { padding-top: 132px; background: radial-gradient(60% 40% at 80% 10%, color-mix(in srgb, var(--k-accent) 16%, transparent), transparent 70%), radial-gradient(60% 40% at 10% 30%, color-mix(in srgb, var(--k-secondary) 80%, transparent), transparent 70%); }
.wk-hero > .wk-sticker { position: absolute; padding: 10px; border-radius: 22px; background: var(--k-surface); box-shadow: 0 0 0 2px var(--wk-ink), 0 10px 20px -10px rgba(0, 0, 0, .4); }
.wk-sticker--laptop { top: 18px; left: 10px; width: 116px; rotate: -9deg; }
.wk-sticker--cup { top: 26px; right: 14px; width: 86px; rotate: 9deg; --k-orn-2: var(--k-secondary); }
.wk-hero > .k-eyebrow { padding: .45rem .9rem; border-radius: 999px; background: var(--k-primary); color: var(--k-on-primary); }
.wk .em-title { font-weight: 700; font-size: clamp(2.6rem, 12vw, 4.6rem); letter-spacing: -.02em; }
.wk-cupo { margin: 0; padding: .35rem .9rem; border-radius: 999px; background: var(--k-secondary); font-weight: 600; }
.wk .em-countdown > div, .wk .em-session, .wk .em-person, .wk .k-card, .wk .em-bring li { box-shadow: 0 0 0 2px var(--wk-ink); }
.wk .em-countdown > div { border-radius: 18px; }
.wk .em-welcome .k-divider { width: 48px; }
.wk .em-footer-orn { width: 70px; }