/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
  .contact-form {
  padding-top: 114px;
  padding-bottom: 150px;
  color: #fff;
  background-color: #003883;

}
  @media (min-width: 1024px) {.contact-form {
    padding-top: 150px;
    padding-bottom: 210px

}
  }
  @media (min-width: 1280px) {.contact-form {
    padding-top: 180px;
    padding-bottom: 240px

}
  }
  @media (min-width: 1280px) {
  .contact-form > div {
      flex-wrap: wrap;
      display: flex;
      gap: 70px;
      justify-content: space-between
  }
    }
  @media (min-width: 1440px) {
  .contact-form > div {
      gap: 140px
  }
    }
  .contact-form__title-wrapper {
    width: 365px;
    max-width: 100%;
    margin: 0 0 70px;

  }
  @media (min-width: 1024px) {
  .contact-form__title-wrapper {
      width: 368px

  }
    }
  @media (min-width: 1280px) {
  .contact-form__title-wrapper {
      min-width: 410px

  }
    }
  .contact-form__title {
    color: #fff;
    font-size: 4.5rem;
    font-weight: bold;
    width: 365px;
    margin: 0 0 70px;
    padding-top: 10px;
    border-top: 4px solid #fff;
    max-width: 100%;
  }
  @media (min-width: 1024px) {
  .contact-form__title {
    font-size: 6.6rem;
    width: 368px;
  }
  }
  @media (min-width: 1280px) {
  .contact-form__title {
    font-size: 7.2rem;
    min-width: 410px;
  }
  }
  .contact-form__title {
    margin-bottom: 50px;

}
  .contact-form__text {
    font-size: 2rem;
  }
  .contact-form__text a {
      color: #fff;
    }
  @media (min-width: 1024px) {
  .contact-form__text {
      font-size: 2.6rem
  }
    }
  @media (min-width: 1280px) {
  .contact-form__text {
      font-size: 2.8rem
  }
    }
  @media (min-width: 1280px) {
  .contact-form .ml-form-embedContainer {
      min-width: 780px
  }
    }
  @media (min-width: 1440px) {
  .contact-form .ml-form-embedContainer {
      min-width: 820px
  }
    }
  .contact-form .form-control {
    width: 100%;
    margin-bottom: 30px;
  }
  .contact-form .ml-form-checkboxRow input {
      width: 30px;
      height: 30px;
      cursor: pointer;
      background: transparent;
      background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2027.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2048%2048%22%20style%3D%22enable-background%3Anew%200%200%2048%2048%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%09.st1%7Bfill%3Anone%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M9.1%2C42.3c-0.9%2C0-1.7-0.3-2.4-1s-1-1.5-1-2.4V9.1c0-0.9%2C0.3-1.7%2C1-2.4s1.5-1%2C2.4-1h29.8c0.9%2C0%2C1.7%2C0.3%2C2.4%2C1%0A%09%09s1%2C1.5%2C1%2C2.4v29.8c0%2C0.9-0.3%2C1.7-1%2C2.4s-1.5%2C1-2.4%2C1H9.1z%20M9.1%2C38.9h29.8V9.1H9.1C9.1%2C9.1%2C9.1%2C38.9%2C9.1%2C38.9z%22%2F%3E%0A%09%3Crect%20x%3D%220%22%20y%3D%220%22%20class%3D%22st1%22%20width%3D%2248%22%20height%3D%2248%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
      background-size: cover;
      color: #fff;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      position: relative;
      left: 0;
      top: 7px;
      border: none;
    }
  .contact-form .ml-form-checkboxRow input:checked {
        background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2027.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2048%2048%22%20style%3D%22enable-background%3Anew%200%200%2048%2048%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%09.st1%7Bfill%3Anone%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M9.1%2C42.3c-0.9%2C0-1.7-0.3-2.4-1s-1-1.5-1-2.4V9.1c0-0.9%2C0.3-1.7%2C1-2.4s1.5-1%2C2.4-1h29.8c0.9%2C0%2C1.7%2C0.3%2C2.4%2C1%0A%09%09s1%2C1.5%2C1%2C2.4v29.8c0%2C0.9-0.3%2C1.7-1%2C2.4s-1.5%2C1-2.4%2C1H9.1z%20M9.1%2C38.9h29.8V9.1H9.1C9.1%2C9.1%2C9.1%2C38.9%2C9.1%2C38.9z%20M21%2C31.5%0A%09%09c0.2%2C0%2C0.4%2C0%2C0.6-0.1c0.2-0.1%2C0.4-0.2%2C0.5-0.4l12.2-12.2c0.3-0.3%2C0.5-0.7%2C0.5-1.2c0-0.5-0.1-0.9-0.5-1.2c-0.3-0.3-0.7-0.5-1.2-0.5%0A%09%09c-0.5%2C0-0.9%2C0.2-1.2%2C0.5l-11%2C11l-4.7-4.6c-0.3-0.3-0.7-0.5-1.1-0.5s-0.9%2C0.1-1.2%2C0.5c-0.3%2C0.3-0.5%2C0.7-0.5%2C1.2s0.2%2C0.9%2C0.5%2C1.2%0A%09%09l5.8%2C5.9c0.2%2C0.2%2C0.4%2C0.3%2C0.5%2C0.4C20.5%2C31.5%2C20.7%2C31.5%2C21%2C31.5z%20M9.1%2C38.9V9.1V38.9z%22%2F%3E%0A%09%3Crect%20class%3D%22st1%22%20width%3D%2248%22%20height%3D%2248%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
      }
  .contact-form input,
  .contact-form textarea {
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-top: 2px solid #fff;
    font-size: 2.2rem;
    line-height: 1.1;
  }
  .contact-form input:focus-visible, .contact-form textarea:focus-visible {
      outline: none;
    }
  .contact-form input::-moz-placeholder, .contact-form textarea::-moz-placeholder {
      font-size: 2.2rem;
      color: #fff;
      opacity: 1;
    }
  .contact-form input::placeholder, .contact-form textarea::placeholder {
      font-size: 2.2rem;
      color: #fff;
      opacity: 1;
    }
  .contact-form textarea {
    height: 300px;
    border-bottom: 2px solid #fff;
  }
  .contact-form .checkbox .label-description {
    display: inline-block;
    margin-left: 10px;
    font-size: 2.2rem;
  }
  .contact-form .ml-form-embedSubmit {
    text-align: center;
    margin: 100px 0 0;
  }
  .contact-form .ml-form-embedSubmit .primary {
      border-radius: 5px;
      background-color: #4daabd;
      color: #fff;
      box-shadow: none;
      border-left: none;
      border-right: none;
      padding: 10px 24px 12px;
      border: none;
      font-size: 2.2rem;
      font-weight: 500;
      line-height: 1;
      -webkit-text-decoration: none;
      text-decoration: none;
      display: inline-block;
    }
  .contact-form .mini-blocks {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
  }
  @media (min-width: 1280px) {
  .contact-form .mini-blocks {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      gap: 90px
  }
    }
  .contact-form .mini-block {
    border-top: 2px solid #fff;
  }
  .contact-form .mini-block .block__title {
      font-size: 2.2rem;
      margin-top: 0;
      margin-bottom: 20px;
    }
  @media (min-width: 1024px) {
  .contact-form .mini-block .block__title {
    font-size: 2.2rem;
    }
  }
  @media (min-width: 1280px) {
  .contact-form .mini-block .block__title {
    font-size: 3.6rem;
    }
  }
  .contact-form .mini-block .block__text a {
        color: #fff;
      }
  .contact-form .mini-block:nth-child(3n) {
      grid-column: 1 / span 2;
    }
  @media (min-width: 1280px) {
  .contact-form .mini-block:nth-child(3n) {
        grid-column: 3 / span 2
    }
      }
  .contact-form a {
    color: #4daabd;
  }
/* ============================================================
   REDESIGN (preview con ?redesign=1) — Contact form
   Scopeado bajo body.redesign: solo se ve con el flag.
   ============================================================ */
body.redesign .contact-form {
    /* Fondo degradado vertical */
    background-color: #051b50;
    background-image: linear-gradient(180deg, #051b50 0%, #073883 100%);
  }
/* Título y subtítulo como en el newsletter */
body.redesign .contact-form .contact-form__title {
      border-top: none;
      padding-top: 0;
      width: auto;
      min-width: 0;
      margin: 0 0 24px;
      line-height: 1;
      font-size: 4.8rem; /* 72px */
    }
@media (min-width: 1024px) {
body.redesign .contact-form .contact-form__title { font-size: 6.2rem
    } }
@media (min-width: 1280px) {
body.redesign .contact-form .contact-form__title { font-size: 7.2rem
    } }
body.redesign .contact-form .contact-form__text {
      font-size: 2.2rem; /* 28px */
    }
@media (min-width: 1024px) {
body.redesign .contact-form .contact-form__text { font-size: 2.6rem
    } }
@media (min-width: 1280px) {
body.redesign .contact-form .contact-form__text { font-size: 2.8rem
    } }
/* Título pequeño "CONTACT INFO" antes del form */
body.redesign .contact-form .ml-form-formContent::before {
      content: "CONTACT INFO";
      display: block;
      color: #788098;
      font-size: 1.4rem;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      margin-bottom: 28px;
    }
/* Grid de 2 columnas: MailerLite anida los fieldRows dentro del primero,
       así que el grid va sobre ese fieldRow contenedor */
body.redesign .contact-form .ml-form-formContent > .ml-form-fieldRow {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 30px;
      grid-row-gap: 0;
      align-items: start;
    }
/* Mensaje (textarea) a todo el ancho */
body.redesign .contact-form .ml-form-fieldRow.ml-last-item {
      grid-column: 1 / -1;
    }
/* Labels encima de cada campo (vía ::before, gated) */
body.redesign .contact-form .ml-field-group::before {
      display: block;
      color: #4daabd;
      font-size: 1.6rem;
      font-weight: 700;
      margin-bottom: 10px;
    }
body.redesign .contact-form .ml-field-name::before { content: "Name"; }
body.redesign .contact-form .ml-field-last_name::before { content: "Last Name"; }
body.redesign .contact-form .ml-field-email::before { content: "Email"; }
body.redesign .contact-form .ml-field-phone::before { content: "Phone number (optional)"; }
body.redesign .contact-form .ml-field-messagequestios::before { content: "What is the reason for your enquiry?"; }
/* Inputs blancos, redondeados (como newsletter) */
body.redesign .contact-form .form-control {
      background-color: #fff;
      color: #003883;
      border: none;
      border-top: none;
      border-radius: 8px;
      height: 60px;
      padding: 0 24px;
      font-size: 1.8rem;
      line-height: 1.2;
      width: 100%;
      margin-bottom: 30px;
    }
body.redesign .contact-form .form-control::-moz-placeholder {
        color: #8a8a8a;
        font-size: 1.8rem;
        opacity: 1;
      }
body.redesign .contact-form .form-control::placeholder {
        color: #8a8a8a;
        font-size: 1.8rem;
        opacity: 1;
      }
/* Textarea */
body.redesign .contact-form textarea.form-control {
      height: 180px;
      padding: 18px 24px;
      border: none;
      border-top: none;
      border-bottom: none;
      line-height: 1.4;
    }
/* Botón azul, pastilla, alineado a la izquierda y más cerca del checkbox */
body.redesign .contact-form .ml-form-embedSubmit {
      text-align: left;
      margin: 30px 0 0;
    }
body.redesign .contact-form .ml-form-embedSubmit .primary {
        background-color: #003a94;
        color: #fff;
        border-radius: 999px;
        padding: 0 64px;
        height: 60px;
        line-height: 60px;
        font-size: 1.8rem;
        font-weight: 500;
      }
body.redesign .contact-form .ml-form-embedSubmit .primary .arrow { display: none; }
/* Ocultar indicador de carga de MailerLite */
body.redesign .contact-form .ml-form-embedSubmitLoad,
    body.redesign .contact-form .loading {
      display: none !important;
    }
/* Texto de privacidad antes del checkbox (preview).
       NOTA: "Privacy Policy" va como texto, no como enlace clicable
       (limitación de CSS content). Al publicar, sustituir por el texto
       real con enlace en la entidad del formulario. */
body.redesign .contact-form .ml-form-checkboxRow::before {
      content: "By submitting this form you are agreeing to receive communications from Cassini and to have your information processed in accordance with the terms of our Privacy Policy. Cassini will not sell or share your information to third parties and you may unsubscribe at any time.";
      display: block;
      max-width: 820px;
      margin-bottom: 22px;
      color: #fff;
      opacity: 0.85;
      font-size: 1.4rem;
      line-height: 1.5;
    }
/* Checkbox: label en blanco */
body.redesign .contact-form .ml-form-checkboxRow .label-description {
      color: #fff;
    }
/* 2 columnas desde tablet (1024px): título+texto izquierda, form derecha.
       Anula el min-width:780px del form que descuadraba a anchos intermedios. */
@media (min-width: 1024px) {
      body.redesign .contact-form > .container {
        display: flex;
        gap: 60px;
        align-items: flex-start;
        justify-content: space-between;
      }
      body.redesign .contact-form .contact-form__title-wrapper {
        flex: 0 0 44%;
        max-width: 44%;
        width: auto;
      }
      body.redesign .contact-form .ml-form-embedContainer {
        flex: 1 1 0;
        min-width: 0;
        width: auto;
      }
    }