.agenda-main { padding: 30px 0 100px; }
.agenda-hero { position: relative; overflow: hidden; min-height: 265px; padding: 46px 52px; border-radius: 18px; color: #fff; background: linear-gradient(120deg,#071d43,#075fbd 62%,#14a7d5); box-shadow: 0 12px 32px rgba(8,42,88,.2); }
.agenda-page[data-agenda-kind="race"] .agenda-hero { background: linear-gradient(90deg,rgba(3,24,57,.96) 0%,rgba(3,59,76,.86) 48%,rgba(8,89,92,.35) 100%),url("assets/nexo-corridas-editorial.jpg") center 48%/cover no-repeat; }
.agenda-hero::after { position: absolute; top: -170px; right: -80px; width: 400px; height: 400px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 0 0 60px rgba(255,255,255,.04),0 0 0 125px rgba(255,255,255,.025); content: ""; }
.agenda-hero__copy { position: relative; z-index: 1; max-width: 720px; }
.agenda-hero__copy > span { display: inline-block; padding: 7px 11px; border-radius: 6px; color: #063066; background: #fff; font-size: 11px; font-weight: 800; letter-spacing: 1.4px; }
.agenda-hero h1 { margin: 17px 0 12px; font-size: clamp(36px,5vw,56px); line-height: 1; letter-spacing: -2px; }
.agenda-hero p { max-width: 650px; margin: 0; color: #e2f2ff; font-size: 17px; line-height: 1.55; }
.agenda-hero__links { display: flex; gap: 12px; margin-top: 24px; }
.agenda-hero__links a { position: relative; z-index: 2; padding: 10px 16px; border: 1px solid rgba(255,255,255,.5); border-radius: 999px; color: #fff; font-size: 13px; font-weight: 700; text-decoration: none; }
.agenda-hero__links a.is-highlight { border-color: #26ead9; color: #062c52; background: #26ead9; }
.agenda-filter { position: relative; z-index: 2; margin: -18px 24px 32px; padding: 24px; border: 1px solid #dce3ec; border-radius: 15px; background: #fff; box-shadow: 0 10px 28px rgba(12,39,75,.1); }
.agenda-filter__heading,.agenda-catalog__heading,.agenda-card__footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.agenda-filter__heading { margin-bottom: 17px; }
.agenda-filter__heading h2,.agenda-catalog__heading h2 { margin: 0; color: #07152e; font-size: 23px; }
.agenda-filter__heading button { display: flex; align-items: center; gap: 6px; border: 0; color: #52627a; background: none; font-weight: 700; cursor: pointer; }
.agenda-filter__heading svg { width: 16px; }
.agenda-filters { display: grid; grid-template-columns: 1.7fr 1fr 1fr; gap: 14px; }
.agenda-filters label { display: grid; gap: 7px; color: #25344c; font-size: 11px; font-weight: 700; }
.agenda-filters input,.agenda-filters select { width: 100%; min-height: 45px; padding: 0 14px; border: 1px solid #cfd8e5; border-radius: 8px; color: #101b2e; background: #fff; font: inherit; font-size: 13px; }
.agenda-catalog__heading { margin-bottom: 16px; }
.agenda-catalog__heading p { margin: 5px 0 0; color: #738096; font-size: 11px; }
.agenda-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.agenda-card { --agenda-color:#455a64; overflow: hidden; border: 1px solid #dce3ec; border-bottom: 5px solid var(--agenda-color); border-radius: 14px; background: #fff; box-shadow: 0 5px 17px rgba(11,37,70,.07); }
.agenda-card--cultura { --agenda-color:#7b2cbf; }
.agenda-card--musica { --agenda-color:#d81b60; }
.agenda-card--tecnologia { --agenda-color:#0766ce; }
.agenda-card--negocios { --agenda-color:#ef6c00; }
.agenda-card--cinema { --agenda-color:#5e35b1; }
.agenda-card--esportes { --agenda-color:#0396c8; }
.agenda-card--saude { --agenda-color:#00897b; }
.agenda-card--gastronomia { --agenda-color:#8d5b3e; }
.agenda-card--familia { --agenda-color:#43a047; }
.agenda-card--feiras { --agenda-color:#c78a00; }
.agenda-card--corrida { --agenda-color:#009f91; }
.agenda-card--eventos { --agenda-color:#455a64; }
.agenda-card__media { position: relative; display: block; min-height: 180px; background-position: center; background-size: cover; }
.agenda-card__media::after { position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg,rgba(2,14,37,.03),rgba(2,14,37,.45)); content: ""; }
.agenda-card__media>img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.agenda-card__media.is-fallback { background: linear-gradient(135deg,#0753aa,#18a5d6); }
.agenda-page[data-agenda-kind="race"] .agenda-card__media.is-fallback { background: linear-gradient(135deg,#075768,#18b8a5); }
.agenda-card__date,.agenda-card__type { position: absolute; z-index: 2; top: 13px; border-radius: 7px; background: #fff; font-weight: 800; }
.agenda-card__date { left: 13px; display: grid; min-width: 55px; padding: 7px; color: var(--agenda-color); text-align: center; font-size: 10px; }
.agenda-card__date strong { font-size: 22px; line-height: 1; }
.agenda-card__type { right: 13px; padding: 7px 9px; color: #fff; background: var(--agenda-color); font-size: 9px; }
.agenda-card__body { padding: 19px; }
.agenda-card__when,.agenda-card__place { display: flex; align-items: flex-start; gap: 7px; margin: 0; color: #63728a; font-size: 11px; line-height: 1.4; }
.agenda-card__when svg,.agenda-card__place svg { flex: 0 0 auto; width: 15px; height: 15px; }
.agenda-card h2 { margin: 11px 0; font-size: 19px; line-height: 1.25; }
.agenda-card h2 a { color: #07152e; text-decoration: none; }
.agenda-card__summary { display: -webkit-box; overflow: hidden; min-height: 54px; margin: 13px 0; color: #506078; font-size: 12px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.agenda-card__footer { padding-top: 14px; border-top: 1px solid #edf0f4; color: #78869b; font-size: 9px; }
.agenda-card__footer a { display: flex; align-items: center; gap: 5px; color: #0965c8; font-size: 11px; font-weight: 800; text-decoration: none; }
.agenda-card__footer svg { width: 14px; }
.agenda-empty { padding: 50px; border: 1px dashed #cad4e0; border-radius: 14px; text-align: center; }
.agenda-load { display: grid; justify-items: center; gap: 12px; padding: 28px; color: #78869b; font-size: 11px; }
.agenda-load button { padding: 11px 18px; border: 0; border-radius: 999px; color: #fff; background: #0965c8; font-weight: 800; cursor: pointer; }
.agenda-detail-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 18px 0 28px; }
.agenda-detail-facts p { display: flex; gap: 10px; margin: 0; padding: 16px; border: 1px solid #dce3ec; border-radius: 10px; background: #f8fafc; font-size: 12px; }
.agenda-detail-facts svg { flex: 0 0 auto; width: 19px; color: #0965c8; }
.agenda-detail-facts span { display: grid; gap: 4px; }
.agenda-detail-action { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; padding: 13px 18px; border-radius: 8px; color: #fff; background: #0965c8; font-weight: 800; text-decoration: none; }
.agenda-detail-action svg { width: 17px; }
@media (max-width:900px) { .agenda-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:680px) { .agenda-main { padding-top: 14px; } .agenda-hero { min-height: 285px; padding: 35px 24px; border-radius: 12px; } .agenda-hero h1 { font-size: 38px; } .agenda-hero p { font-size: 14px; } .agenda-filter { margin: -15px 10px 25px; padding: 19px 15px; } .agenda-filters { grid-template-columns: 1fr; } .agenda-grid { grid-template-columns: 1fr; } .agenda-card__media { min-height: 190px; } .agenda-detail-facts { grid-template-columns: 1fr; } }