.action_btn_conf_alpha {
  width: 40%;
  padding: 10px 10px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 14px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.action_btn_primary_conf_alpha {
  background: linear-gradient(145deg, var(--primary), var(--primary-dark));
  color: white;
  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
}

.action_btn_primary_conf_alpha:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(79, 70, 229, 0.4);
}


/* Evita que el centrado agregue min-height enorme al dialog */
.modal-compact-dialog.modal-dialog-centered {
  min-height: 0;             /* ¡clave! quita el min-height que genera el hueco */
  margin-top: 8vh;           /* opcional: separa del borde superior */
  margin-bottom: 8vh;        /* opcional */
}

/* Controla el alto del contenido y el scroll del body */
.modal-compact {
  display: flex;
  flex-direction: column;
  border-radius: 1rem;
  overflow: hidden;          /* evita “huecos” internos */
}

.modal-compact .modal-header,
.modal-compact .modal-footer {
  flex-shrink: 0;            /* que no se estiren */
}

.modal-compact .modal-body {
  max-height: 32vh;          /* ajusta a tu gusto: 28–40vh */
  overflow-y: auto;          /* scroll sólo en el body */
  overscroll-behavior: contain;
}

/* Móvil: puedes permitir un poco más de alto */
@media (max-width: 576px) {
  .modal-compact .modal-body { max-height: 55vh; }
}



/* Quita el min-height que Bootstrap aplica al centrar verticalmente */
.modal.modal-compact-dialog .modal-dialog.modal-dialog-centered {
  min-height: 0;
}

/* Espaciado superior/inferior del diálogo (opcional) */
.modal.modal-compact-dialog .modal-dialog {
  margin-top: 8vh;
  margin-bottom: 8vh;
}

/* Caja del modal */
.modal-compact {
  display: flex;
  flex-direction: column;
  border-radius: 1rem;
  overflow: hidden; /* evita huecos internos */
}

/* Header/Footer no deben estirarse */
.modal-compact .modal-header,
.modal-compact .modal-footer {
  flex-shrink: 0;
}

/* Limita altura del body y habilita scroll interno */
.modal-compact .modal-body {
  max-height: 32vh;           /* ajusta 28–40vh a tu gusto */
  overflow-y: auto;
  overscroll-behavior: contain;
}

/* En móvil, permite un poco más de alto */
@media (max-width: 576px) {
  .modal-compact .modal-body { max-height: 55vh; }
}





/* Animación pulse para el botón "Hazte Premium" */
@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 4px 14px 0 rgba(139, 92, 246, 0.39);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 6px 20px 0 rgba(139, 92, 246, 0.6);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 4px 14px 0 rgba(139, 92, 246, 0.39);
  }
}