/* ==================== EQUIPO: ANIMACIONES & DISEÑO EDITORIAL ==================== */
/* Animaciones personalizadas para COZUMEL.LAT */

/* Animación de entrada suave para cards y secciones (usado con AOS pero también nativo) */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fadeInUp 0.8s ease-out forwards;
}

/* Efecto de flotación suave para imágenes o íconos */
@keyframes gentle-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

.float-animation {
  animation: gentle-float 4s ease-in-out infinite;
}

/* Glassmorphism dinámico */
.glass-effect {
  background: var(--glass-bg);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  border: var(--glass-border);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-sm);
}

/* Transiciones para hover en cards */
.card-hover {
  transition: var(--transition-base);
}
.card-hover:hover {
  transform: translateY(-5px);
  box-shadow: var(--box-shadow-lg);
  border-color: var(--color-turquoise);
}

/* Botón principal (Main CTA) */
.main-btn {
  background: linear-gradient(135deg, var(--color-blue-coral) 0%, var(--color-turquoise) 100%);
  border: none;
  color: #FFF;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.5px;
  transition: var(--transition-base);
  box-shadow: var(--box-shadow-sm);
}
.main-btn:hover, .main-btn:focus {
  background: linear-gradient(135deg, var(--color-turquoise) 0%, var(--color-blue-coral) 100%);
  color: #FFF;
  box-shadow: var(--box-shadow);
  transform: translateY(-2px);
}
.main-btn:active {
  transform: translateY(0);
}

/* Efecto de desenfoque en el header al hacer scroll (para sticky) */
.header-scrolled {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: var(--box-shadow) !important;
}