/* Secciones comunes de las plantillas empresariales (corporativos y conferencias).
   Va después de kit/base.css; cada diseño pone su portada y su carácter en css/app.css. */

.em { --k-orn-1: var(--k-primary); --k-orn-2: var(--k-secondary); --k-orn-3: var(--k-accent); }
.em .k-orn { color: var(--k-text); }
.em:not(.em--orn) .em-orn { display: none; }

/* Portada */
.em-hero { position: relative; display: flex; flex-direction: column; align-items: center; gap: .9rem; padding: clamp(36px, 8vw, 64px) var(--k-gap) clamp(48px, 10vw, 88px); overflow: hidden; text-align: center; }
.em-hero > * { position: relative; }
.em-logo { width: auto; max-width: min(220px, 60vw); max-height: 72px; object-fit: contain; }
.em-title { max-width: 16ch; margin: .2rem 0 0; font-size: clamp(2.4rem, 11vw, 4.6rem); line-height: 1.05; overflow-wrap: anywhere; text-wrap: balance; }
.em-when { display: grid; gap: .15rem; margin: 0; font-size: 1.05rem; font-weight: 600; }
.em-when span { color: var(--k-muted); font-size: .95rem; font-weight: 400; }
.em-actions { margin-top: .4rem; }
.em-countdown > div { background: var(--k-surface); box-shadow: 0 0 0 1px var(--k-secondary); }

/* Secciones */
.em-lead { margin: 0 auto; max-width: 34em; font-size: clamp(1.1rem, 4.2vw, 1.3rem); line-height: 1.6; }
.em-soft { background: color-mix(in srgb, var(--k-secondary) 30%, var(--k-bg)); }
.em-card h3 { font-family: var(--k-font-body); font-size: 1.3rem; font-weight: 700; }
.em-note { color: var(--k-muted); }

/* Agenda por día */
.em-agenda { display: grid; gap: .6rem; max-width: 720px; margin: 0 auto; text-align: left; }
.em-day { margin: 1.4rem 0 .2rem; color: var(--k-primary); font: 700 .85rem/1.3 var(--k-font-body); letter-spacing: .16em; text-transform: uppercase; }
.em-day:first-child { margin-top: 0; }
.em-session { display: grid; grid-template-columns: 5.4rem 1fr; gap: 1rem; padding: 1rem 1.1rem; border-radius: var(--k-radius); background: var(--k-surface); box-shadow: 0 0 0 1px var(--k-line); }
.em-session time { color: var(--k-primary); font-weight: 700; white-space: nowrap; }
.em-session h4 { margin: 0; font: 600 1.08rem/1.35 var(--k-font-body); }
.em-session p { margin: .3rem 0 0; color: var(--k-muted); font-size: .95rem; }
.em-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .6rem; }
.em-room { padding: .1rem .55rem; border-radius: 999px; background: var(--k-soft); color: var(--k-text); font-size: .82rem; }

/* Ponentes y patrocinadores */
.em-people { gap: .8rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr)); }
.em-person { padding: 1.2rem .7rem; border-radius: var(--k-radius); background: var(--k-surface); box-shadow: 0 0 0 1px var(--k-line); }
.em-person .k-person__name { font-family: var(--k-font-body); font-weight: 700; font-size: 1.08rem; }
.em-person .k-person__name a { color: inherit; }
.em-person .k-person__role { margin-top: .4rem; }
.em-person img { width: 96px; height: 96px; }
.em-initials { display: grid; place-items: center; width: 96px; height: 96px; margin: 0 auto .8rem; border-radius: 50%; background: var(--k-soft); color: var(--k-primary); font: 700 2.4rem/1 var(--k-font-title); }
.em-logos a { display: inline-flex; align-items: center; min-height: 44px; }
.em-sponsor { font-weight: 700; color: var(--k-muted); }
.em-bring { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; margin: 0; padding: 0; list-style: none; }
.em-bring li { padding: .6rem 1.1rem; border-radius: 999px; background: var(--k-surface); box-shadow: 0 0 0 1px var(--k-secondary); font-weight: 600; }

/* Confirmación, compartir, pie */
.em-rsvp { text-align: left; }
.em-or { margin: 1.2rem 0 .8rem; color: var(--k-muted); }
.em-share { display: flex; flex-direction: column; align-items: center; gap: 1rem; }
.em-footer { display: flex; flex-direction: column; align-items: center; gap: .5rem; }
.em-footer-orn { display: block; width: 72px; }
.em-footer .k-quote { font-family: var(--k-font-title); font-style: normal; font-size: 1.35rem; color: var(--k-text); }
.em-host { margin: 0; color: var(--k-muted); }