/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #FEA9C9; 
}

::-webkit-scrollbar-thumb {
  background: #FD4E8E; 
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #e04080; 
}

.glass-card {
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.8);
}

.text-shadow {
  text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}

.text-shadow-gold {
  text-shadow: 0px 0px 10px rgba(212, 175, 55, 0.3);
}

/* Animações personalizadas */
@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-slide-in-up {
  animation: slideInUp 0.6s ease-out forwards;
}

/* Efeito de brilho nos cards */
.card-glow {
  position: relative;
  overflow: hidden;
}

.card-glow::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 70%);
  animation: rotate 20s linear infinite;
  pointer-events: none;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Efeito de hover nos produtos */
.product-card {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.product-card:hover {
  transform: translateY(-8px) scale(1.02);
}

/* Loading spinner */
.spinner {
  border: 3px solid rgba(254, 169, 201, 0.3);
  border-top: 3px solid #FD4E8E;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Painel administrativo */
.admin-panel {
  backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.95);
  border: 2px solid rgba(253, 78, 142, 0.3);
}

/* Botão WhatsApp */
.whatsapp-button {
  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
  transition: all 0.3s ease;
}

.whatsapp-button:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4);
}

/* Fundo envolvente e orgânico */
body {
  background: radial-gradient(circle at 20% 20%, rgba(253, 78, 142, 0.10), transparent 35%),
              radial-gradient(circle at 80% 10%, rgba(254, 169, 201, 0.20), transparent 30%),
              radial-gradient(circle at 60% 70%, rgba(253, 78, 142, 0.12), transparent 32%),
              linear-gradient(135deg, #fff7fb 0%, #ffe4f0 45%, #ffe9f5 100%);
  min-height: 100vh;
  overflow-x: hidden;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  background: radial-gradient(circle at 30% 60%, rgba(253, 78, 142, 0.10), transparent 40%),
              radial-gradient(circle at 80% 80%, rgba(254, 169, 201, 0.18), transparent 35%);
  pointer-events: none;
  z-index: -1;
}