/* ── público · layout ── */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 18px 40px}

/* hero */
.hero{padding:34px 18px 0;text-align:center}
.hero-logo{height:56px;width:auto;margin:0 auto 14px;filter:invert(1)}
.hero-tag{font-family:var(--f-head);font-weight:700;text-transform:uppercase;letter-spacing:.22em;
  font-size:.62rem;color:var(--muted)}
.hero .roof{margin-top:22px;max-width:var(--maxw);margin-left:auto;margin-right:auto}

/* section heads */
.section-head{margin:26px 0 16px}
.section-head h1,.section-head h2{font-size:clamp(1.5rem,6vw,2.1rem)}
.section-head--links{margin-top:40px}

/* grilla de eventos */
.eventos{display:grid;gap:16px}
@media(min-width:680px){ .eventos{grid-template-columns:1fr 1fr} }
.month-div{grid-column:1/-1;font-family:var(--f-head);font-weight:800;text-transform:uppercase;
  letter-spacing:.12em;font-size:.72rem;color:var(--muted);border-top:1px solid var(--line);
  padding-top:12px;margin-top:4px}
.month-div:first-child{border-top:none;padding-top:0;margin-top:0}

/* card evento */
.ev{background:var(--panel);border:2px solid var(--white);border-radius:var(--radius);overflow:hidden;
  display:flex;flex-direction:column}
.ev--dest{border-color:var(--yellow)}
.ev__flyer{position:relative;aspect-ratio:4/5;background:#111;overflow:hidden}
.ev__flyer img{width:100%;height:100%;object-fit:cover}
.ev__flyer .badge-date{position:absolute;top:10px;left:10px}
.ev__flyer .badge-agotado{position:absolute;top:10px;right:10px}
.ev__body{padding:14px 15px 16px;display:flex;flex-direction:column;gap:10px;flex:1}
.ev__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ev__hora{font-family:var(--f-head);font-weight:700;font-size:.66rem;color:var(--muted);letter-spacing:.08em;white-space:nowrap}
.ev__meta .chip{white-space:nowrap}
.ev__artist{font-size:1.35rem;line-height:.98;color:var(--white)}
.ev__sub{font-size:.8rem;color:var(--muted);margin-top:-4px}
.ev__body .btn-ticket{margin-top:auto}

/* estado carga / vacío */
.loading,.empty{grid-column:1/-1;color:var(--muted);font-size:.9rem;padding:30px 0;text-align:center}
.offline-note{grid-column:1/-1;font-size:.68rem;color:var(--muted);text-align:center;opacity:.7}

/* links */
.links{display:flex;flex-direction:column;gap:10px;max-width:520px}

/* footer */
.foot{border-top:1px solid var(--line);margin-top:44px;padding:26px 18px 40px;text-align:center}
.foot-logo{height:26px;width:auto;margin:0 auto 12px;filter:invert(1);opacity:.85}
.foot-txt{font-size:.78rem;color:var(--muted)}
.foot-txt b{color:var(--white);font-weight:700}
.foot-venues{font-family:var(--f-head);font-weight:600;text-transform:uppercase;letter-spacing:.1em;
  font-size:.6rem;color:var(--muted);margin-top:8px}
.foot-admin{display:inline-block;margin-top:16px;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;
  color:#444;border:1px solid #222;border-radius:6px;padding:5px 10px}
.foot-admin:hover{color:var(--muted);border-color:var(--line)}