.azt-contact-page {
  --azt-cp-bg: #f3f4f2;
  --azt-cp-navy: #123a62;
  --azt-cp-text: #1f2830;
  --azt-cp-muted: #51606f;
  width: 100%;
  background: transparent;
  color: var(--azt-cp-text);
  padding: clamp(44px, 6vw, 110px) 0;
}

.elementor-widget-azotea_contact_page {
  width: 100%;
}

.azt-contact-page *,
.azt-contact-page *::before,
.azt-contact-page *::after {
  box-sizing: border-box;
}

.azt-contact-page__inner {
  width: min(1750px, calc(100% - clamp(24px, 5vw, 88px)));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr);
  gap: clamp(20px, 2.4vw, 50px);
  align-items: stretch;
}

.azt-contact-page__content {
  background: transparent;
  padding: clamp(24px, 3vw, 48px);
}

.azt-contact-page__title {
  margin: 0;
  color: var(--azt-cp-navy);
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: clamp(44px, 5.2vw, 88px);
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.03em;
}

.azt-contact-page__text {
  margin-top: clamp(18px, 2vw, 30px);
  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(17px, 1.1vw, 23px);
  line-height: 1.35;
  color: var(--azt-cp-text);
  max-width: 48ch;
}

.azt-contact-page__text p {
  margin: 0;
}

.azt-contact-page__text p + p {
  margin-top: 12px;
}

.azt-contact-page__items {
  margin-top: clamp(22px, 2.4vw, 38px);
  display: grid;
  gap: 14px;
}

.azt-contact-page__item {
  padding-top: 12px;
  border-top: 1px solid rgba(18, 58, 98, 0.2);
}

.azt-contact-page__item-label {
  margin: 0;
  color: var(--azt-cp-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font: 600 clamp(12px, 0.8vw, 14px)/1.2 "Montserrat", "Helvetica Neue", Arial, sans-serif;
}

.azt-contact-page__item-value {
  margin: 6px 0 0;
  color: var(--azt-cp-navy);
  font: 600 clamp(20px, 1.65vw, 34px)/1.1 "Playfair Display", Georgia, "Times New Roman", serif;
}

.azt-contact-page__item-value a,
.azt-contact-page__item-value a:hover,
.azt-contact-page__item-value a:focus,
.azt-contact-page__item-value a:focus-visible {
  color: inherit;
  text-decoration: none;
}

.azt-contact-page__media {
  margin: 0;
  min-height: 100%;
}

.azt-contact-page__media img {
  width: 100%;
  height: 100%;
  min-height: clamp(320px, 44vw, 680px);
  object-fit: cover;
  display: block;
}

@media (max-width: 1024px) {
  .azt-contact-page__inner {
    grid-template-columns: 1fr;
  }
}
