/* modal.css */
.btn-gradient-form {
  background: transparent;
  border: 2px solid;
  border-image: linear-gradient(135deg, #38f9d7, #6c63ff, #a855f7) 1;
  color: white;
  transition: 0.3s ease-in-out;
  border-radius: 30px;
  padding: 0.5rem 1.2rem;
}

/* Botón con borde degradado sin relleno */
.btn-gradient-outline {
  background: transparent;
  border: 2px solid;
  border-image: linear-gradient(135deg, #38f9d7, #6c63ff, #a855f7) 1;
  color: white;
  transition: 0.3s ease-in-out;
  border-radius: 30px;
  padding: 0.5rem 1.2rem;
}

.btn-gradient-outline:hover {
  background: linear-gradient(135deg, #38f9d7, #6c63ff, #a855f7);
  color: #111;
  border-color: transparent;
}

/* Modal personalizado */
.modal-custom .modal-content {
  background-color: #111;
  color: white;
  border: none;
  border-top: 4px solid;
  border-image: linear-gradient(135deg, #38f9d7, #6c63ff, #a855f7) 1;
  border-radius: 1rem;
}

/* Encabezado y pie de modal limpian bordes internos */
.modal-custom .modal-header,
.modal-custom .modal-footer {
  border: none;
}

/* Botón de cerrar en blanco */
.btn-close-white {
  filter: invert(1);
}