/* 🌎 Efeitos 3D Globais */

/* === Tilt Suave Global === */
.tilt-global {
  transform-style: preserve-3d;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  will-change: transform;
}
.tilt-global:hover {
  transform: rotateX(3deg) rotateY(-3deg) scale(1.03);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
}

/* === Glow Effect (brilho ao redor) === */
.glow-global:hover {
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.15),
              0 0 40px rgba(0, 140, 255, 0.25);
}

/* === Floating Effect (flutuar contínuo) === */
@keyframes float3d {
  0% { transform: translateY(0px) rotateX(0) rotateY(0); }
  50% { transform: translateY(-8px) rotateX(2deg) rotateY(-2deg); }
  100% { transform: translateY(0px) rotateX(0) rotateY(0); }
}
.float-global {
  animation: float3d 4s ease-in-out infinite;
}

/* === Zoom suave (para imagens ou ícones) === */
.zoom-global:hover {
  transform: scale(1.08);
  transition: transform 0.3s ease;
}

/* === Botão 3D padrão === */
.btn-3d-global {
  position: relative;
  display: inline-block;
  padding: 12px 22px;
  border-radius: 10px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(145deg, #0d6efd, #0242a3);
  box-shadow: 0 6px 0 #032f73, 0 6px 20px rgba(0,0,0,0.4);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.btn-3d-global:active {
  transform: translateY(4px);
  box-shadow: 0 2px 0 #032f73, 0 2px 12px rgba(0,0,0,0.3);
}