/* c:\negoconex\public\styles.css */
@layer base {
  body {
    -webkit-tap-highlight-color: transparent;
  }
}

/* Animaciones suaves */
.fade-in {
  animation: fadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Scrollbar moderna y delgada */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Insignias de Destacado */
.badge-gold {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  color: #92400e;
  border: 1px solid #fcd34d;
}

/* Botón de WhatsApp oficial */
.btn-whatsapp {
  background-color: #25D366;
  color: white;
  transition: all 0.2s ease-in-out;
}
.btn-whatsapp:hover {
  background-color: #20ba5a;
  box-shadow: 0 4px 12px rgba(37, 211, 102, 0.35);
  transform: translateY(-1px);
}