body { font-family: ‘Arial’, sans-serif; line-height: 1.6; color: #333; margin: 0; padding: 0; overflow-x: hidden; } /* Efectos de scroll */ .scroll-reveal { opacity: 0; transform: translateY(50px); transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .scroll-reveal.active { opacity: 1; transform: translateY(0); } /* Parallax naranja flotante */ .orange-particles { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; overflow: hidden; } .particle { position: absolute; background: radial-gradient(circle, rgba(255,107,53,0.3), transparent); border-radius: 50%; animation: floatParticles 15s infinite linear; } .particle:nth-child(1) { width: 20px; height: 20px; left: 10%; animation-delay: 0s; } .particle:nth-child(2) { width: 15px; height: 15px; left: 20%; animation-delay: -2s; } .particle:nth-child(3) { width: 25px; height: 25px; left: 30%; animation-delay: -4s; } .particle:nth-child(4) { width: 18px; height: 18px; left: 40%; animation-delay: -6s; } .particle:nth-child(5) { width: 22px; height: 22px; left: 50%; animation-delay: -8s; } .particle:nth-child(6) { width: 16px; height: 16px; left: 60%; animation-delay: -10s; } .particle:nth-child(7) { width: 24px; height: 24px; left: 70%; animation-delay: -12s; } .particle:nth-child(8) { width: 19px; height: 19px; left: 80%; animation-delay: -14s; } .particle:nth-child(9) { width: 21px; height: 21px; left: 90%; animation-delay: -16s; } /* Efectos de scroll */ .scroll-reveal { opacity: 0; transform: translateY(50px); transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);