.loader-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #eee;
  border-top: 4px solid #006Af9;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.fade-in { animation: fadeIn 0.2s ease-in; }

.tab-btn {
  padding: 0.5rem 1.25rem;
  border-radius: 0.5rem 0.5rem 0 0;
  font-weight: 500;
  color: #6b7280;
}
.tab-btn.tab-activo {
  color: #006Af9;
  background: white;
  border: 1px solid #e5e7eb;
  border-bottom: none;
}

.campo-error {
  border-color: #dc2626 !important;
  background-color: #fef2f2;
}