/* ═══════════ 10 · CONTATO (HOME) ═══════════ */
#contato {
  background: radial-gradient(ellipse at 50% 120%, rgba(249, 78, 27, .14), transparent 60%), var(--black)
}

.contato-grid {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: clamp(2.5rem, 6vw, 6rem);
  align-items: center
}

.contato-info {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  border-left: 1px solid #26262c;
  padding-left: clamp(1.5rem, 3vw, 2.6rem)
}

.info-block {
  display: flex;
  flex-direction: column;
  gap: .35rem
}

.info-label {
  font-size: .66rem;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--brand)
}

.info-block>a {
  font-size: 1.02rem;
  color: var(--white);
  transition: color .3s;
  width: fit-content;
  text-decoration: none;
}

.info-block>a:hover {
  color: var(--brand)
}

/* Estilização do Mapa e Links */
.map-preview {
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #26262c;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  filter: contrast(1.1) brightness(0.85);
  transition: filter 0.3s;
}

.map-preview iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

.map-preview:hover {
  filter: contrast(1.05) brightness(1);
}

.map-link {
  font-size: .72rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--brand);
  transition: color .3s;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.2rem;
  text-decoration: none;
}

.map-link:hover {
  color: var(--white);
}

@media (max-width: 960px) {
  .contato-grid {
    grid-template-columns: 1fr;
  }
}