/* Go Green APU — estados de envío de los formularios.
 * Reutiliza las clases de mensaje de Elementor (.elementor-message-danger) para
 * que el aviso de error se vea igual que los del tema. */

.gg-form-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

form.gg-sending .elementor-button,
form.gg-sending input[type='submit'],
form.gg-sending button[type='submit'] {
  opacity: .7;
  cursor: progress;
  pointer-events: none;
}

/* Rueda de "enviando" delante del texto del botón. Los <input type="submit">
   (Gravity Forms) no admiten ::before: ahí basta con el cambio de texto. */
form.gg-sending .elementor-button-content-wrapper::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: .55em;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  vertical-align: -.15em;
  animation: gg-spin .7s linear infinite;
}

@keyframes gg-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  form.gg-sending .elementor-button-content-wrapper::before { animation-duration: 2.4s; }
}

/* Mensajes */
.gg-form-message {
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: 4px;
  font-size: 15px;
  line-height: 1.45;
  background-color: #fdecea;
  color: #7b1f18;
  border: 1px solid #f0b3ad;
}

.gg-form-message a {
  color: inherit;
  text-decoration: underline;
}

/* Solo para lectores de pantalla: anuncia "Sending…" / el error */
.gg-form-status {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}