/* Summit — conferencia tecnológica clara: retícula, bloques de color y agenda por salas. Va después
   de kit/base.css y kit/empresa.css. Solo var(--mi-*) / var(--k-*); nunca {{ theme.x }} aquí. */

.sm { --k-radius: 0; --sm-on-accent: var(--mi-color-acento-on, #1c1c1c); }
.sm h2 { font-weight: 700; font-size: clamp(2.2rem, 8vw, 3.2rem); letter-spacing: -.02em; }
.sm-hero { align-items: flex-start; padding-top: 128px; text-align: left;
  background:
    linear-gradient(var(--k-secondary) 1px, transparent 1px) 0 0 / 100% 40px,
    linear-gradient(90deg, var(--k-secondary) 1px, transparent 1px) 0 0 / 40px 100%,
    var(--k-bg); }
.sm-hero > .sm-blocks { position: absolute; top: 0; right: 0; display: grid; grid-template-columns: repeat(3, 40px); grid-template-rows: repeat(3, 40px); }
.sm-blocks i:nth-child(1) { grid-area: 1 / 3; background: var(--k-primary); }
.sm-blocks i:nth-child(2) { grid-area: 2 / 2; background: var(--k-accent); }
.sm-blocks i:nth-child(3) { grid-area: 3 / 3; border-radius: 50%; box-shadow: inset 0 0 0 3px var(--k-primary); }
.sm .em-title { max-width: 11ch; font-weight: 700; font-size: clamp(3rem, 15vw, 5.8rem); line-height: .95; letter-spacing: -.035em; }
.sm-stats { margin: 0; padding: .4rem .8rem; background: var(--k-accent); color: var(--sm-on-accent); font-weight: 700; }
.sm .em-actions, .sm .em-countdown { justify-content: flex-start; }
.sm .em-countdown > div { box-shadow: 0 0 0 2px var(--k-text); }
.sm .k-btn, .sm .rsvp-submit, .sm .k-card, .sm .em-countdown > div { border-radius: 0; }
.sm .em-session { box-shadow: none; border-left: 4px solid var(--k-primary); }
.sm .em-person { box-shadow: 0 0 0 1px var(--k-secondary); }
.sm .em-person img, .sm .em-initials { border-radius: 0; }
.sm .em-soft { background: var(--k-secondary); }