.btn-custom {
    border: 2px solid #333366;
    background-color: white;
    color: #333366;
    transition: background-color 0.3s, color 0.3s;
  }
  .btn-custom:hover, .btn-custom:focus {
    background-color: #333366;
    color: white;
  }
  .btn-custom:active {
    background-color: #222255;
    border-color: #222255;
  }
  
  
/* Ancho cómodo del modal */
.swal-wide {
  width: min(720px, 92vw) !important;
}

/* Form SweetAlert + Bootstrap look */
.swal-form .form-label {
  font-weight: 600;
}
.swal-form .input-group-text {
  background: #f8f9fa;
}
.swal-form .form-control:focus {
  border-color: #333366;
  box-shadow: 0 0 0 .2rem rgba(51, 51, 102, .15);
}

/* Botones del modal */
.swal2-actions .btn {
  min-width: 180px;
}

/* Check invalid rojo visible en SweetAlert */
.swal-form .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}