/*
 * CBTI Widgets · página Agenda TIC.
 * Valores tomados de los estilos en línea del diseño "Web CBTI v3" (ruta agenda). Las tarjetas de evento
 * reutilizan las clases de la Agenda de la Home (cbtiw-ev__*, en cbti-widgets.css) y del diseño
 * (.cbti-date, .ev-link, .ev-flow, .ev-track, .ev-mine, .ev-badge, en cbti-design.css del tema).
 */

.cbtiw-agp [hidden] { display: none !important; }

/* ---------- Encabezado ---------- */
.cbtiw-agp-hero { background: var(--surface-inverse); color: var(--text-on-dark); }
.cbtiw-agp-hero__in { max-width: var(--container); margin: 0 auto; padding: var(--space-20) var(--space-6); box-sizing: border-box; }
.cbtiw-agp-hero__title { margin: var(--space-6) 0 0; max-width: 860px; font-family: var(--font-display); font-size: var(--text-display-2); font-weight: var(--weight-black); line-height: var(--leading-snug); letter-spacing: var(--tracking-display); text-wrap: balance; }
.cbtiw-agp-hero__lead { margin: var(--space-6) 0 0; max-width: var(--container-narrow); font-size: var(--text-body-lg); line-height: var(--leading-body); color: var(--text-on-dark-muted); }

/* ---------- Eventos ---------- */
.cbtiw-agp-events { max-width: var(--container); margin: 0 auto; padding: var(--section-y-compact, 64px) var(--space-6) var(--section-y); box-sizing: border-box; }
.cbtiw-agp-chips { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.cbtiw-agp .cbti-tag[role="button"] { cursor: pointer; -webkit-user-select: none; user-select: none; }
.cbtiw-agp .cbti-tag.is-on { background: var(--navy-800); color: #fff !important; border-color: var(--navy-800); }
.cbtiw-agp .cbti-tag[role="button"]:focus-visible { outline: none; box-shadow: var(--focus-ring); } /* [DERIVADO] */
.cbtiw-agp-bar { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-4); margin-top: var(--space-8); flex-wrap: wrap; }
.cbtiw-agp-bar__title { margin: 0; font-family: var(--font-display); font-size: var(--text-h2); font-weight: var(--weight-bold); color: var(--text-strong); }
.cbtiw-agp-bar__count { font-family: var(--font-mono); font-size: var(--text-caption); color: var(--text-muted); font-variant-numeric: tabular-nums; }
.cbtiw-agp-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: var(--space-5); margin-top: var(--space-6); }

/* "Tus envíos" (aparece después de enviar un evento). */
.cbtiw-agp-mine__k { font-size: var(--text-eyebrow); font-weight: var(--weight-bold); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: var(--accent-strong); }
.cbtiw-agp-mine__t { display: block; font-family: var(--font-display); color: var(--text-strong); }
.cbtiw-agp-mine__d { font-family: var(--font-mono); font-size: var(--text-caption); color: var(--text-muted); }
.ev-badge.cbtiw-agp-badge--rev { background: var(--gold-100, #FFF4CC); color: var(--gold-800, #6B4F00); }
.ev-badge.cbtiw-agp-badge--prio { background: var(--red-050, #FBEEEE); color: var(--red-700, #8C2123); }

/* ---------- Publicar evento ---------- */
.cbtiw-agp-pub { margin-top: var(--section-y); scroll-margin-top: 72px; }
.cbtiw-agp-kicker { font-size: var(--text-eyebrow); font-weight: var(--weight-bold); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: var(--accent-strong); }
.cbtiw-agp-form__h { margin: var(--space-3) 0 0; font-family: var(--font-display); font-size: var(--text-h2); font-weight: var(--weight-black); color: var(--text-strong); }
.cbtiw-agp-form__h--ok { margin-top: var(--space-4); }
.cbtiw-agp-form__p { margin: var(--space-3) 0 0; font-size: var(--text-body-sm); line-height: var(--leading-body); color: var(--text-muted); }
.cbtiw-agp-form__p--60 { max-width: 60ch; }
.cbtiw-agp-form__fields { margin-top: var(--space-6); display: flex; flex-direction: column; gap: var(--space-5); }
.cbtiw-agp-form__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: var(--space-5); }
.cbtiw-agp-form__err { font-size: var(--text-caption); font-weight: var(--weight-semibold); color: var(--red-600, #A8262A); }
.cbtiw-agp-form__again { margin-top: var(--space-6); }
.cbtiw-agp-field { display: flex; flex-direction: column; gap: var(--space-2); font-family: var(--font-body); }
.cbtiw-agp-field label { margin: 0; font-size: var(--text-caption); font-weight: var(--weight-semibold); line-height: inherit; letter-spacing: 0.02em; color: var(--text-strong); }
.cbtiw-agp-field__req { color: var(--red-500); }
.cbtiw-agp-field__hint { font-size: var(--text-caption); color: var(--text-muted); }
.cbtiw-agp .cbtiw-agp-input {
	width: 100%; max-width: none; height: 44px; margin: 0; padding: 0 14px; box-sizing: border-box;
	border: 1px solid var(--border-strong, #C3CAD4); border-radius: var(--radius-sm); background: var(--white); box-shadow: none;
	font: inherit; font-size: var(--text-body-sm); color: var(--text-strong);
	-webkit-appearance: auto; appearance: auto;
}
.cbtiw-agp .cbtiw-agp-input:focus { outline: none; border-color: var(--accent-strong); box-shadow: var(--focus-ring); } /* [DERIVADO] */