/* Animaciones personalizadas */
.fade-in-section {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  will-change: opacity, visibility;
}

.fade-in-section.is-visible {
  opacity: 1;
  transform: none;
}

/* Efecto parallax sutil para el Hero */
.hero-bg {
  background-image: linear-gradient(to bottom, rgba(18, 18, 18, 0.7), rgba(18, 18, 18, 0.9)), url('../media/fondo.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.meat-bg {
  background-image: linear-gradient(to right, rgba(18, 18, 18, 0.95), rgba(18, 18, 18, 0.7)), url('https://images.unsplash.com/photo-1529193591184-b1d58069ecdd?ixlib=rb-4.0.3&auto=format&fit=crop&w=1080&q=80');
  background-size: cover;
  background-position: center;
}

.menu-bg {
  background-image: linear-gradient(to bottom, rgba(18, 18, 18, 0.8), rgba(18, 18, 18, 0.9)), url('../media/fondodos.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}