/*          =========================================
              CONTACT PAGE - MOBILE FIRST
            ========================================= */
/*#region   ========================================= */

/* -------- CONTATTI SECTION -------- */

body.page-id-72 {
  background-color: #eaf8f8 !important;
}
.contact-page {
  margin-top: 200px !important;
}
.contact-page .contact-page-workspace {
  max-width: var(--workspace-width);
  margin-inline: auto;
  padding-inline: var(--paddinginline-workspace);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contact-page .contact-page-box-title > * {
  margin: 0;
  padding: 0;
}

.contact-page .contact-page-box-image > * {
  margin: 0;
  padding: 0;
}

.contact-page .contact-page-box-image-title > * {
  margin: 0;
  padding: 0;
}

.contact-page .contact-page-box-image {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}

.contact-page .contact-page-box-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.contact-page .contact-page-box-image-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;

  gap: 20px;
}

.contact-page .contact-page-box-lower {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.contact-page .contact-page-title {
  text-align: center;
}

.contact-page .contact-page-image-title {
  text-align: center;
  margin-top: 20px;
}

/* -------- FRASE SECTION -------- */

.frase-section-contact-page {
  max-width: var(--workspace-width);
  margin-inline: auto;
  padding-inline: var(--paddinginline-workspace);
  text-align: center;
  padding-bottom: 50px;
}

/*#endregion */

/*          =========================================
              CONTACT PAGE - DESKTOP
            ========================================= */
/*#region   ========================================= */

@media (min-width: 900px) {
  /* -------- CONTATTI SECTION  -------- */

  /* Rimosso duplicato wildcard reset già definito nel mobile */

  .contact-page .contact-page-box-image {
    background-image: url("https://www.horizonfyw.com/wp-content/uploads/2025/12/Immagine-Contatti-Desktop.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    min-height: 830px;
    border-radius: 24px;
  }

  .contact-page .contact-page-box-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
  }

  .contact-page .contact-page-box-image-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-top: 40px;

    gap: 20px;
  }

  .contact-page .contact-page-box-lower {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 200px;
    align-items: stretch;
  }

  .contact-page .contact-page-title {
    text-align: left;
  }

  .contact-page .contact-page-image-title {
    text-align: left;
    margin-top: 20px;
    margin-left: 54px;
  }

  /* -------- FRASE SECTION -------- */

  .frase-section-contact-page {
    text-align: center;
    padding-bottom: 100px;
  }
}

/*#endregion */
