/* 🌈 Fondo animado degradado suave y claro — versión mejorada */
body {
  background: linear-gradient(270deg, #ffe6f0, #e6f0ff, #e6fff0, #fff7e6);
  background-size: 600% 600%;
  animation: gradientShift 25s ease infinite;
  transition: background 1s ease;
}

/* Movimiento suave del degradado */
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Mantener el contenido visible y estable */
.container, .catalog-grid, .titulo-con-logo, h1, a, p {
  position: relative;
  z-index: 1;
}

/* Sutil ajuste de contraste general */
h1, h2, h3, p, a, button {
  color: #333;
}