/* DK Chopp — home */
.story { position: relative; }
.hero { display: grid; gap: var(--space-12); align-items: center; padding-block: var(--space-12) var(--space-16); }
@media (min-width: 960px) { .hero { grid-template-columns: 1.25fr .75fr; padding-block: var(--space-16) var(--space-24); } }
.hero-copy { display: grid; gap: var(--space-6); justify-items: start; min-width: 0; }
.hero-copy h1 { margin: 0; }
.hero-copy .body-lg { margin: 0; max-width: 34ch; }
.hero-status { margin: 0; }
.hero-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.hero-langs { margin: 0; }
.hero-visual { position: relative; margin: 0; width: 100%; max-width: 460px; justify-self: center; padding: 0 var(--space-6) var(--space-6) 0; min-width: 0; }
.hero-photo img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.hero-logo { position: absolute; right: 0; bottom: 28px; width: 120px; height: auto; }
@media (max-width: 520px) { .hero-logo { width: 88px; } }
.hero-visual figcaption { margin-top: var(--space-4); }

.point-top { display: grid; gap: var(--space-8); align-items: center; margin-bottom: var(--space-12); }
@media (min-width: 760px) { .point-top { grid-template-columns: 1fr 240px; } }
.point-lead { max-width: 60ch; margin: var(--space-4) 0 0; }
.point-photo { margin: 0; width: 100%; max-width: 240px; justify-self: center; }
.point-photo img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center 40%; }
.point-photo figcaption { margin-top: var(--space-3); }
@media (max-width: 759px) { .point-photo { max-width: 100%; } .point-photo img { aspect-ratio: 16 / 10; object-position: center 55%; } }
.features { display: grid; gap: var(--space-6); grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); }
.feature { display: grid; gap: var(--space-3); align-content: start; }
.feature svg { width: 32px; height: 32px; padding: 8px; box-sizing: content-box; background: var(--amarelo-dk); color: var(--on-amarelo); border: var(--stroke-md) solid var(--outline); border-radius: var(--radius-pill); }
.feature h3, .feature p { margin: 0; }
.feature p { color: var(--ink-muted); }

.teaser { display: grid; gap: var(--space-12); align-items: center; }
@media (min-width: 960px) { .teaser { grid-template-columns: 1fr 1fr; } }
.teaser-copy { display: grid; gap: var(--space-6); justify-items: start; }
.teaser-copy h2, .teaser-copy p { margin: 0; }
.teaser-copy .body-lg { max-width: 44ch; }
.teaser-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-3); }
.teaser-list li {
  display: flex; align-items: baseline; gap: var(--space-3); background: var(--branco-espuma); color: var(--preto-dk);
  border: var(--stroke-md) solid var(--preto-dk); border-radius: var(--radius-md); padding: var(--space-4) var(--space-6);
  box-shadow: 4px 4px 0 var(--preto-dk);
}
.teaser-list li:nth-child(odd) { transform: rotate(-.6deg); }
.teaser-list li:nth-child(even) { transform: rotate(.5deg); }
.teaser-list .t-name { font: 600 20px/1.2 var(--font-display); }
.teaser-list .t-size { font: 700 13px/1 var(--font-sans); color: #4d4d4d; }
.teaser-list .leader { flex: 1; border-bottom: 2px dotted #4d4d4d; transform: translateY(-4px); min-width: 16px; }
.teaser-list .t-price { font: 700 22px/1 var(--font-display); white-space: nowrap; font-variant-numeric: tabular-nums; }
.teaser-list .t-from { font: 800 11px/1 var(--font-sans); text-transform: uppercase; letter-spacing: .06em; margin-right: 4px; }

.visit { display: grid; gap: var(--space-12); align-items: center; }
@media (min-width: 960px) { .visit { grid-template-columns: 1.2fr .8fr; } }
.visit h2 { margin: 0 0 var(--space-4); }
.visit .body-lg { max-width: 52ch; margin: 0; }
.visit-note { max-width: 60ch; margin: var(--space-6) 0 0; padding-left: var(--space-4); border-left: var(--stroke-md) solid var(--amarelo-dk); }
.tag-card { display: grid; gap: var(--space-3); justify-items: start; }
.tag-card p { margin: 0; }
.tag-handle { font: 700 clamp(26px, 3vw, 34px)/1 var(--font-display); color: var(--ambar-texto); }

.chegar { display: grid; gap: var(--space-12); }
.chegar h2 { margin: 0 0 var(--space-4); }
.chegar-top { display: grid; gap: var(--space-8); align-items: center; }
@media (min-width: 760px) { .chegar-top { grid-template-columns: 1fr 300px; } }
.trailer-photo { margin: 0; width: 100%; max-width: 300px; justify-self: center; }
.trailer-photo img { width: 100%; height: auto; }
.trailer-photo figcaption { margin-top: var(--space-3); font-weight: 700; }
.chegar .body-lg { margin: 0; max-width: 52ch; }
.info-grid { display: grid; gap: var(--space-6); grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); }
.info-grid .card { display: grid; gap: var(--space-4); align-content: start; }
.info-grid h3, .info-grid p { margin: 0; }
.address { font-size: 18px; line-height: 28px; }
.hours { margin: 0; display: grid; gap: var(--space-2); }
.hours div { display: flex; justify-content: space-between; gap: var(--space-4); padding-block: var(--space-2); border-bottom: 1px solid var(--line); }
.hours dt { font-weight: 700; }
.hours dd { margin: 0; font: 700 18px/1.2 var(--font-display); font-variant-numeric: tabular-nums; }
.info-grid .pill { justify-self: start; }