/* ---------- Carrossel "Conheça melhor a área" ---------- */
.slides-car { margin-top: 40px; max-width: 980px; margin-left: auto; margin-right: auto; }
.sc-stage { position: relative; aspect-ratio: 16 / 9; background: var(--ink); border: 1px solid var(--hairline); overflow: hidden; outline-offset: 3px; }
.sc-slide { position: absolute; inset: 0; margin: 0; opacity: 0; visibility: hidden; transition: opacity .45s ease, visibility .45s; }
.sc-slide.on { opacity: 1; visibility: visible; }
.sc-slide img { width: 100%; height: 100%; object-fit: contain; display: block; border: 0; }
.sc-btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255,255,255,.55); background: rgba(13,13,13,.55); color: #fff; font-size: 1.7rem; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0 0 4px; }
.sc-btn:hover { background: var(--terracotta); border-color: var(--terracotta); }
.sc-prev { left: 12px; } .sc-next { right: 12px; }
.sc-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 14px; }
.sc-count { font-family: var(--sans); font-size: .85rem; letter-spacing: .08em; color: var(--ink-soft); min-width: 52px; }
.sc-dots { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.sc-dots button { width: 9px; height: 9px; border-radius: 50%; border: 0; padding: 0; background: var(--hairline); cursor: pointer; }
.sc-dots button.on { background: var(--terracotta); width: 24px; border-radius: 6px; }
@media (max-width: 560px) { .sc-btn { width: 38px; height: 38px; } @media (prefers-reduced-motion: reduce) { .sc-slide { transition: none; } }