/* CAUXE — GradientText (React Bits) en 3 frases clave (2026-10-08), sin React:
   colors ["#5227FF","#FF9FFC","#B497CF"], animationSpeed 8, variant "linear", glow 0.
   Frases: "Es todo tu negocio fluyendo.", "pyme o gran empresa." y "Demo gratis, 100% garantía."
   Antes usaban .grad-text; lista en archivo/portada-cauxe02/gradient-text-v1/ */
.gradient-text {
  background-image: linear-gradient(to right, #0047AB, #10B981, #7C3AED, #38BDF8, #0047AB); /* 2026-10-08 v2: cobalto → esmeralda → morado → celeste → cobalto; antes #5227FF, #FF9FFC, #B497CF a 8 s */
  background-size: 400% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
  animation: gradientText 5s linear infinite;
}
@keyframes gradientText { from { background-position: 0% 50%; } to { background-position: 133.33% 50%; } }
@media (prefers-reduced-motion: reduce) { .gradient-text { animation: none; } }
/* 2026-10-15 (pedido del equipo): "Es todo tu negocio fluyendo." cambia de tonos solo con la paleta de Cauxe
   (cobalto, azul, celeste y cian, los de la X), en un flujo suave y continuo. Antes usaba la mezcla de arriba
   con esmeralda y morado; versión anterior en archivo/portada-cauxe02/fluyendo-tonos-v1/ */
.gradient-text, .eco-title .gradient-text {
  background-image: linear-gradient(100deg, #0047AB, #2563EB, #1F8FFF, #38BDF8, #22D3EE, #38BDF8, #1F8FFF, #2563EB, #0047AB);
  background-size: 300% 100%;
  animation: gradientFluir 7s ease-in-out infinite alternate;
}
@keyframes gradientFluir { from { background-position: 0% 50%; } to { background-position: 100% 50%; } }
@media (prefers-reduced-motion: reduce) { .gradient-text { animation: none; } }
/* 2026-10-15 (pedido del equipo: "que cambie de color pero tonos de empresa"): las tres frases con degradado
   ("fluyendo", "pyme o gran empresa." y "Demo gratis, 100% garantía.") usan el mismo flujo de azules y cian de Cauxe.
   Versión anterior: archivo/portada-cauxe02/frases-degradado-v1/ */