.chroma-grid{position:relative;width:100%;height:100%;display:grid;grid-template-columns:repeat(var(--cols,3),220px);grid-auto-rows:auto;justify-content:center;gap:.75rem;max-width:1200px;margin:0 auto;padding:.5rem;box-sizing:border-box;border-radius:20px;--x:50%;--y:50%;--r:220px}.chroma-grid.loading{pointer-events:none}.chroma-grid.loading .flip-card{opacity:.7;filter:grayscale(.3)}.chroma-grid.ready .flip-card{opacity:1;filter:none;transition:opacity .5s ease,filter .5s ease}@media (max-width:1124px){.chroma-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem;padding:.5rem}}@media (max-width:768px){.chroma-grid{display:grid!important;grid-template-columns:repeat(2,160px)!important;grid-template-rows:repeat(3,200px)!important;gap:.75rem;padding:0!important;margin:0!important;justify-content:center;align-content:start}.flip-card{width:160px!important;height:200px!important}.chroma-info{transform:translateY(-10px)}.chroma-info .role{display:none!important}}.flip-card{position:relative;width:100%;height:260px;perspective:1000px;cursor:pointer;border-radius:20px;overflow:hidden;border:1px solid #333;transition:border-color .3s ease;background:var(--card-gradient);--mouse-x:50%;--mouse-y:50%;--spotlight-color:rgba(255,255,255,0.3)}.flip-card:hover{border-color:var(--card-border)}.flip-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 70%);pointer-events:none;opacity:0;transition:opacity .5s ease;z-index:2}.flip-card:hover:before{opacity:1}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:20px;overflow:hidden;transition:transform .8s cubic-bezier(.175,.885,.32,1.275)}.flip-card-front{transform:rotateY(0deg);z-index:2}.flip-card-back{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);display:flex;align-items:center;justify-content:center;z-index:1}.flip-card-back,.flip-card.flipped .flip-card-front{transform:rotateY(180deg)}.flip-card.flipped .flip-card-back{transform:rotateY(0deg)}.back-content{text-align:center;color:white;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.back-number{font-size:4rem;font-weight:900;color:white;text-shadow:0 0 20px rgba(255,255,255,.5);margin-bottom:1rem;line-height:1;opacity:.9}.back-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:white}.back-subtitle{font-size:.9rem;color:#ccc;margin-bottom:1rem;opacity:.8}.back-description{font-size:.8rem;color:#aaa;text-align:center;line-height:1.4;opacity:.7}.chroma-card{position:relative;display:flex;flex-direction:column;width:100%;height:260px;border-radius:20px;overflow:hidden;border:1px solid #333;transition:border-color .3s ease;background:var(--card-gradient);--mouse-x:50%;--mouse-y:50%;--spotlight-color:rgba(255,255,255,0.3)}.chroma-card:hover{border-color:var(--card-border)}.chroma-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 70%);pointer-events:none;opacity:0;transition:opacity .5s ease;z-index:2}.chroma-card:hover:before{opacity:1}.chroma-img-wrapper{position:relative;z-index:1;height:170px;flex-shrink:0;padding:10px;box-sizing:border-box;background:transparent;transition:background .3s ease}.chroma-img-container{position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden;background:rgba(0,0,0,.1)}.chroma-img-container.loading{background:linear-gradient(90deg,rgba(255,255,255,.1) 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.chroma-img-container.loaded{background:transparent}.gif-loading-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.3);color:white;font-size:.75rem;z-index:2}.gif-loading-placeholder span{margin-top:.5rem;opacity:.8}.chroma-img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block;transition:opacity .3s ease-in-out}.chroma-img.gif-image{image-rendering:optimizeSpeed;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.chroma-img.gif-image.loaded{image-rendering:auto}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}.grid-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:20px}.loading-content{display:flex;flex-direction:column;align-items:center;color:white;font-size:.875rem}.loading-content span{margin-top:.75rem;opacity:.9}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chroma-info{position:relative;z-index:1;padding:.75rem 1rem;color:#fff;font-family:system-ui,sans-serif;display:flex;flex-direction:column;flex-grow:1;text-align:center;align-items:center}.chroma-info .name{font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem;text-align:center;width:100%}.chroma-info .handle,.chroma-info .role{font-size:.65rem;color:#aaa;text-align:center;width:100%}.chroma-info .handle{margin-top:auto}.chroma-overlay{z-index:3;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0,transparent 15%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.68) 88%,white 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0,transparent 15%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.68) 88%,white 100%)}.chroma-fade,.chroma-overlay{position:absolute;inset:0;pointer-events:none;backdrop-filter:grayscale(1) brightness(.78);-webkit-backdrop-filter:grayscale(1) brightness(.78);background:rgba(0,0,0,.001)}.chroma-fade{z-index:4;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),white 0,white 15%,rgba(255,255,255,.9) 30%,rgba(255,255,255,.78) 45%,rgba(255,255,255,.65) 60%,rgba(255,255,255,.5) 75%,rgba(255,255,255,.32) 88%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),white 0,white 15%,rgba(255,255,255,.9) 30%,rgba(255,255,255,.78) 45%,rgba(255,255,255,.65) 60%,rgba(255,255,255,.5) 75%,rgba(255,255,255,.32) 88%,transparent 100%);opacity:1;transition:opacity .25s ease}.parallax{position:relative;overflow:hidden;will-change:transform;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.scroller{display:flex;white-space:nowrap;text-align:center;font-family:sans-serif;font-size:2.25rem;font-weight:700;letter-spacing:-.02em;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.scroller,.scroller span{will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.scroller span{flex-shrink:0;transition:opacity .3s ease,transform .3s ease}@media (min-width:768px){.scroller{font-size:5rem;line-height:5rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.scroller{font-weight:300}}@media (prefers-reduced-motion:reduce){.scroller{animation:none!important}.scroller,.scroller span{transition:none!important}}@media (max-width:768px){.scroller{font-size:1.75rem;line-height:1.75rem;filter:none}.scroller span{transform:translateZ(0)}}@media (min-width:1920px){.scroller{font-size:6rem;line-height:6rem}}@media (prefers-color-scheme:dark){.scroller{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}}@media print{.parallax{overflow:visible;transform:none}.scroller{transform:none;filter:none}}@keyframes animatedFill{0%{background:linear-gradient(45deg,#3B82F6,#8B5CF6);background-clip:text;-webkit-background-clip:text;color:transparent}25%{background:linear-gradient(45deg,#6366F1,#A855F7);background-clip:text;-webkit-background-clip:text;color:transparent}50%{background:linear-gradient(45deg,#8B5CF6,#C084FC);background-clip:text;-webkit-background-clip:text;color:transparent}75%{background:linear-gradient(45deg,#A855F7,#9333EA);background-clip:text;-webkit-background-clip:text;color:transparent}to{background:linear-gradient(45deg,#3B82F6,#8B5CF6);background-clip:text;-webkit-background-clip:text;color:transparent}}.animated-fill{animation:animatedFill 3s ease-in-out infinite}.animated-fill .char{animation-delay:calc(var(--char-index, 0) * .1s)}@keyframes animatedBorder{0%{border-color:#3B82F6;box-shadow:0 0 20px rgba(59,130,246,.3)}25%{border-color:#6366F1;box-shadow:0 0 20px rgba(99,102,241,.3)}50%{border-color:#8B5CF6;box-shadow:0 0 20px rgba(139,92,246,.3)}75%{border-color:#A855F7;box-shadow:0 0 20px rgba(168,85,247,.3)}to{border-color:#3B82F6;box-shadow:0 0 20px rgba(59,130,246,.3)}}.animated-border{animation:animatedBorder 3s ease-in-out infinite;border-width:2px;border-style:solid}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px rgba(59,130,246,.3)}50%{box-shadow:0 0 30px rgba(59,130,246,.6)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.ventaja-card{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ventaja-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.ventaja-card:hover:before{left:100%}.ventaja-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.3)}.gradient-text{background:linear-gradient(-45deg,#3B82F6,#8B5CF6,#06B6D4,#10B981);background-size:400% 400%;animation:gradientShift 3s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.credibility-card{transition:all .3s ease;position:relative}.credibility-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.2)}.credibility-card:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#3B82F6,#8B5CF6);transition:width .3s ease}.credibility-card:hover:after{width:100%}.cta-button{position:relative;overflow:hidden;transition:all .3s ease}.cta-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.cta-button:hover:before{width:300px;height:300px}@media (max-width:768px){.ventaja-card:hover{transform:translateY(-4px) scale(1.01)}.credibility-card:hover{transform:translateY(-2px)}}.credibility-card,.cta-button,.ventaja-card{will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.credibility-card,.cta-button,.ventaja-card{animation:none;transition:none}.credibility-card:hover,.ventaja-card:hover{transform:none}}