/* === Estilos personalizados para el formulario Educación Continua General === */

/* --- Espaciado superior del título --- */
.webform-submission-abril-no-espera-transforma-tu-fu-add-form h2.webform-section-title,
.webform-submission-abril-no-espera-transforma-tu-fu-add-form h3,
.webform-submission-abril-no-espera-transforma-tu-fu-add-form .webform-title {
  margin-top: 10px; /* Aumenta espacio superior */
  padding-top: 10px;
}

/* --- Botón principal de envío --- */
.webform-submission-abril-no-espera-transforma-tu-fu-add-form .webform-button--submit,
.webform-submission-abril-no-espera-transforma-tu-fu-add-form input[type="submit"],
.webform-submission-abril-no-espera-transforma-tu-fu-add-form button[type="submit"] {
  background-color: #93d1bd; /* Color verde suave solicitado */
  border: none;
  color: #030d2b; /* Texto blanco */
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 6px;
  transition: all 0.3s ease;
}

/* Efecto hover del botón */
.webform-submission-abril-no-espera-transforma-tu-fu-add-form .webform-button--submit:hover,
.webform-submission-abril-no-espera-transforma-tu-fu-add-form input[type="submit"]:hover,
.webform-submission-abril-no-espera-transforma-tu-fu-add-form button[type="submit"]:hover {
  background-color: #7fcbb0; /* tono un poco más oscuro */
  color: #fff;
}

/* --- Radio button (autorización de datos personales) --- */
.webform-submission-abril-no-espera-transforma-tu-fu-add-form input[type="radio"]:checked {
  accent-color: #93d1bd; /* Soporte moderno */
}

/* Fallback para navegadores que no soportan accent-color */
.webform-submission-abril-no-espera-transforma-tu-fu-add-form input[type="radio"] {
  border-color: #93d1bd;
  background-color: #fff;
}
.webform-submission-abril-no-espera-transforma-tu-fu-add-form input[type="radio"]:checked::before {
  background-color: #93d1bd;
}

/* --- Texto del enlace de autorización --- */
.webform-submission-abril-no-espera-transforma-tu-fu-add-form a {
  color: #2e8b57;
}
.webform-submission-abril-no-espera-transforma-tu-fu-add-form a:hover {
  text-decoration: underline;
}