/* Hipódromo do Cristal — full-width sections with two panoramas; components from components.css. */

/* address in the page head aside */
.addr { font-style: normal; font-size: var(--fs-lead); font-weight: 300; line-height: 1.45; color: var(--color-ink-2); border-top: 1px solid var(--color-ink); padding-top: var(--space-4); }
.addr b { display: block; font-weight: 500; color: var(--color-ink); }
.page-head__lead + .addr { margin-top: var(--space-5); }

.sec .prose { font-size: 1rem; }
.sec .prose .links { margin-top: var(--space-5); }
.defs--1 { grid-template-columns: 1fr; }

/* track: distances + records */
.pista__data { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2rem, 6vw, 6.5rem); margin-top: clamp(3rem, 6vw, 5rem); }
.dists { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: var(--space-3); border-top: 1px solid var(--color-ink); } /* 11 values: 6+5, 4+4+3 on phones — never one left alone */
.dists li { padding: var(--space-3) 0; border-bottom: 1px solid var(--color-line); font-size: 1.125rem; }
.pista__data .val-sub { margin-top: var(--space-4); }

.sec .cards { margin-top: var(--space-7); }
.card__k .icon { color: var(--color-brand); }
.cr-row { margin-top: var(--space-7); }
.sec .block { margin-top: var(--space-7); }
.gp__txt { margin-top: var(--space-6); }

/* event spaces: a hairline list */
.spaces { margin-top: var(--space-6); border-top: 1px solid var(--color-ink); }
.spaces li { display: flex; justify-content: space-between; gap: var(--space-4); padding: var(--space-3) 0; border-bottom: 1px solid var(--color-line); }
.spaces b { font-family: var(--font-display); font-weight: 400; font-size: 1.25rem; line-height: 1.2; }
.spaces span { font-size: var(--fs-small); color: var(--color-ink-2); }
.spaces + .val-sub { margin-top: var(--space-4); }

@media (max-width: 1080px) {
  .pista__data { grid-template-columns: 1fr; }
}
.sec h2 + .prose { margin-top: var(--space-5); }
.pista__data .block__head h3 { font-size: var(--fs-h3); line-height: 1.1; }
@media (max-width: 640px) { .dists { grid-template-columns: repeat(4, minmax(0, 1fr)); } }