/* =========================================================
   CAMPI FORM
   ========================================================= */

.mio-form-custom .hs-input:not([type="submit"]),
.mio-form-custom input:not([type="submit"]),
.mio-form-custom textarea,
.mio-form-custom select,
div.hbspt-form form input.hs-input:not([type="submit"]) {
  background-color: #c3e3e7 !important;
  font-size: 16px !important;
  border-color: #006272 !important;
}


/* =========================================================
   CONTENITORI
   ========================================================= */

.mio-form-custom .hs-form-field,
.mio-form-custom .hs-fieldtype-text,
.mio-form-custom fieldset,
.mio-form-custom hr {
  background: transparent !important;
  background-color: transparent !important;
  border-color: #006272 !important;
}


/* =========================================================
   PULSANTE SUBMIT
   ========================================================= */

.mio-form-custom input[type="submit"],
.mio-form-custom .hs-button,
div.hbspt-form form .hs-button {
  background-color: #006272 !important;
  color: #ffffff !important;
}


/* =========================================================
   LINK
   ========================================================= */

.mio-form-custom a,
.mio-form-custom .hs-richtext a,
.mio-form-custom .hs-unrecognized-link,
.mio-form-custom .hs-unrecognized-link a,
.mio-form-custom .hs-unrecognized-link span {
  text-decoration: underline !important;
  color: #006272 !important;
  font-weight: 600 !important;
}

.mio-form-custom a:hover,
.mio-form-custom .hs-unrecognized-link a:hover {
  text-decoration: none !important;
  opacity: 0.8;
}


/* =========================================================
   FOCUS VISIBILE
   ========================================================= */

.mio-form-custom input:focus-visible,
.mio-form-custom textarea:focus-visible,
.mio-form-custom select:focus-visible,
.mio-form-custom button:focus-visible,
.mio-form-custom a:focus-visible,
.mio-form-custom .hs-button:focus-visible {
  outline: 3px solid #006272 !important;
  outline-offset: 3px !important;
}


/* Fallback browser senza :focus-visible */

@supports not selector(:focus-visible) {
  .mio-form-custom input:focus,
  .mio-form-custom textarea:focus,
  .mio-form-custom select:focus,
  .mio-form-custom button:focus,
  .mio-form-custom a:focus,
  .mio-form-custom .hs-button:focus {
    outline: 3px solid #006272 !important;
    outline-offset: 3px !important;
  }
}


/* =========================================================
   LABEL
   ========================================================= */

.mio-form-custom label {
  display: block !important;
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  color: #006272 !important;
  font-size: 14px !important;
  margin-bottom: 4px !important;
}


/* =========================================================
   ERRORI HUBSPOT ORIGINALI
   ========================================================= */

/*
 * Una volta copiato il messaggio nel nostro errore persistente,
 * nascondiamo quello originale HubSpot per evitare duplicazioni.
 */

.mio-form-custom .hs-error-msgs.dma-error-captured {
  display: none !important;
}


/* =========================================================
   ERRORI ACCESSIBILI PERSISTENTI
   ========================================================= */

.mio-form-custom .dma-persistent-error {
  display: block !important;
  color: #990000 !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin: 6px 0 8px !important;
  padding: 0 !important;
}


/*
 * Evidenziamo anche visivamente il campo non valido.
 */

.mio-form-custom input[aria-invalid="true"],
.mio-form-custom textarea[aria-invalid="true"],
.mio-form-custom select[aria-invalid="true"] {
  border: 2px solid #990000 !important;
}


/* =========================================================
   CAMPO TELEFONO NASCOSTO
   ========================================================= */

.mio-form-custom .hs_phone {
  display: none !important;
}


/* =========================================================
   MESSAGGIO SUCCESSO
   ========================================================= */

.mio-form-custom .dma-success-message {
  color: #006272;
  font-size: 16px !important;
  font-weight: 600;
  font-family: inherit;
  margin: 0;
  padding: 10px 0;
}

.mio-form-custom .dma-success-message:focus {
  outline: 3px solid #006272;
  outline-offset: 3px;
}


/* =========================================================
   TITOLO
   ========================================================= */

.titolo-responsive {
  font-size: 96px !important;
}

@media screen and (max-width: 766px) {
  .titolo-responsive {
    font-size: 48px !important;
  }
}