/* =================================
   CONTACT HERO
================================= */

.contact-hero {

  background:
    radial-gradient(circle at 20% 30%, rgba(67,170,139,0.18), transparent 40%),
    radial-gradient(circle at 80% 20%, rgba(23,81,108,0.20), transparent 40%),
    #f6fbfb;

  text-align: center;

}

.contact-hero__container {
  max-width: 720px;
}

.contact-hero__subtitle {

  margin-top: 18px;

  font-size: var(--font-size-md);

  color: var(--paragrafos);

}



/* =================================
   CONTACT OPTIONS
================================= */

.contact-options {
  background: var(--cor-fundo);
}

.contact-options__grid {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 32px;

}

.contact-card {

  background: var(--cor-clara);

  border: 1px solid var(--color-border);

  border-radius: var(--radius-md);

  padding: 32px;

  text-align: center;

}

.contact-card h3 {

  margin-bottom: 12px;

}

.contact-card p {

  margin-bottom: 16px;

}

.contact-link {

  color: var(--cor-secundaria);

  font-weight: 600;

}



/* =================================
   LINKS ÚTEIS
================================= */

.contact-links {
  background: var(--cor-clara);
}

.contact-links__container {
  text-align: center;
}

.contact-links__grid {

  margin-top: 24px;

  display: flex;

  justify-content: center;

  gap: 16px;

}

.contact-link-card {

  border: 1px solid var(--color-border);

  padding: 14px 22px;

  border-radius: var(--radius-sm);

  transition: var(--transition);

}

.contact-link-card:hover {

  background: var(--hover-cor-clara);

}



/* =================================
   RESPONSIVE
================================= */

@media (max-width: 768px) {

  .contact-options__grid {
    grid-template-columns: 1fr;
  }

}