/* Clubes: base Arena, tipografía y paleta compartidas con Circuito. */
.vt-clubs { --vt-page-scroll-offset: 160px; }
.vt-clubs-main { min-width: 0; }
.vt-clubs-main, .vt-clubs-main [id] { scroll-margin-top: var(--vt-page-scroll-offset); }
.vt-clubs a { text-underline-offset: 4px; }
.vt-clubs .btn { min-height: 46px; }
.vt-clubs .vt-clubs-hero { overflow: hidden; padding-block: 38px 62px; }
.vt-clubs-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #101d21 0%, #101d21ef 42%, #101d2180 100%), url("../circuito/assets/images/arena-court.svg") center right / cover; }
.vt-clubs-hero > .shell { position: relative; }
.vt-clubs-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; color: #b1c7c0; font-size: 11px; margin-bottom: 34px; }
.vt-clubs-breadcrumb a { color: #d0e4da; }
.vt-clubs-breadcrumb a:hover { color: var(--lime); text-decoration: underline; }
.vt-clubs .vt-clubs-hero .eyebrow { color: var(--lime); font-size: 11px; margin-bottom: 0; }
.vt-clubs .vt-clubs-hero h1 { margin: 16px 0 20px; }
.vt-clubs .vt-clubs-hero p { max-width: 555px; margin: 0 0 28px; font-size: 16px; line-height: 1.8; }
.vt-clubs .vt-clubs-directory { background: var(--paper); }
.vt-clubs .section-head { grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 32px; margin-bottom: 32px; }
.vt-clubs .section-head .eyebrow { color: var(--ink-soft); font-size: 11px; margin-bottom: 12px; }
.vt-clubs .section-title { font-size: clamp(36px, 4.2vw, 56px); line-height: 1.1; }
.vt-clubs .section-head > p { max-width: 290px; margin: 0 0 5px; color: var(--muted); font-size: 14px; }
.vt-club-card { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: white; }
.vt-club-card + .vt-club-card { margin-top: 28px; }
.vt-clubs-empty { padding: 32px; border: 1px dashed var(--line); border-radius: 8px; color: var(--muted); }
.vt-club-logo-fallback { align-self: center; color: var(--ink-soft); }
.vt-club-logo-fallback .vt-nav-icon { width: 88px; height: 88px; }
.vt-club-identity { min-height: 365px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 36px; background: white; border-right: 1px solid var(--line); }
.vt-club-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.vt-club-label { display: inline-flex; border: 1px solid var(--line); border-radius: 4px; background: var(--paper); padding: 5px 10px; color: var(--ink-soft); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.vt-club-label-reservations { border-color: #b6d9c6; background: #e8f5ef; color: #176044; }
.vt-club-identity img { display: block; width: 100%; max-height: 240px; object-fit: contain; height: auto; margin-block: 36px; }
.vt-club-content { min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 44px 48px; background: #fbfcfb; }
.vt-club-location { color: var(--ink-soft); font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; margin: 0 0 16px; }
.vt-club-content h3 { margin: 0; color: var(--ink); font: 400 clamp(33px, 3.4vw, 48px)/1.14 var(--font-display); text-transform: uppercase; overflow-wrap: anywhere; }
.vt-club-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px 24px; padding-top: 24px; border-top: 1px solid var(--line); }
.vt-clubs .site-footer { border-top: 1px solid #ffffff14; }
.vt-clubs .footer-grid > div { min-width: 0; }
.vt-clubs .footer-grid > div > a:not(.brand) { width: fit-content; }
.vt-clubs .footer-bottom > div { display: flex; flex-wrap: wrap; gap: 20px; }
.vt-clubs .footer-bottom a:hover { color: var(--lime); }
.vt-clubs .vt-clubs-hero :focus-visible, .vt-clubs .site-footer :focus-visible { outline-color: var(--lime); }
@media (max-width: 980px) {
  .vt-club-content { padding: 36px; }
  .vt-club-identity { padding: 28px; }
  .vt-clubs .section-head { grid-template-columns: 1fr; gap: 20px; }
  .vt-clubs .section-head > p { max-width: none; margin: 0; }
}
@media (max-width: 720px) {
  .vt-clubs .vt-clubs-hero { padding-block: 28px 42px; }
  .vt-clubs-breadcrumb { margin-bottom: 28px; }
  .vt-clubs .vt-clubs-hero h1 { font-size: clamp(44px, 9vw, 64px); }
  .vt-clubs .vt-clubs-hero p { font-size: 15px; }
  .vt-club-card { grid-template-columns: 1fr; }
  .vt-club-identity { min-height: 255px; padding: 28px; border-right: 0; border-bottom: 1px solid var(--line); }
  .vt-club-identity img { max-width: 390px; align-self: center; margin-block: 32px; }
  .vt-club-content { padding: 30px 28px; }
  .vt-club-content h3 { font-size: clamp(34px, 7.8vw, 46px); }
  .vt-clubs .footer-grid { grid-template-columns: 1fr 1fr; }
  .vt-clubs .footer-grid > div:first-child { grid-column: 1 / -1; }
}
@media (max-width: 420px) {
  .vt-club-identity { min-height: 230px; padding: 24px; }
  .vt-club-content { padding: 28px 24px; }
  .vt-club-actions { flex-direction: column; align-items: stretch; gap: 12px; }
  .vt-club-actions > .btn { justify-content: space-between; }
}