@font-face{font-family:Nunito Fallback;src:local(Segoe UI),local("system-ui"),local(Arial);font-display:swap;size-adjust:100%;ascent-override:102%;descent-override:21%;line-gap-override:0%}@font-face{font-family:Fredoka Fallback;src:local(Segoe UI),local("system-ui"),local(Arial);font-display:swap;size-adjust:105%;ascent-override:100%;descent-override:22%;line-gap-override:0%}:root{--bg-color:#f0f4f8;--glass-bg:#ffffffbf;--glass-border:#fff9;--glass-shadow:0 8px 32px 0 #1f26871a;--primary-text:#1a202c;--secondary-text:#4a5568;--text-dark-alt:#2d3748;--footer-bg:#e8edf4;--glass-backdrop:blur(24px) saturate(180%);--accent-cyan:#a0e7e5;--accent-orange:#ffb7b2;--accent-sage:#b4f8c8;--accent-purple:#e0bbe4;--gold-accent:linear-gradient(135deg, #d4af37, #f4d03f);--silver-accent:linear-gradient(135deg, silver, #e8e8e8);--premium-shadow:0 20px 60px #0000001f;--game-calcetos:#29b6f6;--game-pelate:#ff7043;--game-xilo:#66bb6a;--game-calcetos-accent:#1e88e5;--game-pelate-accent:#f4511e;--game-xilo-accent:#43a047;--game-xilo-dark:#2e7d32;--header-height:80px;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:60px;--space-2xl:80px;--space-section:70px;--radius-sm:8px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-full:50px;--shadow-sm:0 4px 16px #0000000a;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 20px 60px #00000026;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.2s;--duration-normal:.3s;--duration-slow:.5s;--text-sm:.875rem;--text-base:1rem;--text-lg:1.15rem;--text-xl:1.35rem;--text-2xl:1.8rem;--text-3xl:2.5rem;--text-heading:2.8rem;--text-4xl:3.8rem;--text-5xl:4.5rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--primary-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em;width:100%;font-family:Nunito,Nunito Fallback,system-ui,-apple-system,sans-serif;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{outline:none;font-family:inherit}h1,h2,h3{letter-spacing:.5px;font-family:Fredoka,Fredoka Fallback,system-ui,-apple-system,sans-serif;font-weight:600}.section-title{font-size:var(--text-heading);text-align:center;color:var(--primary-text);letter-spacing:-.02em;margin-bottom:12px;line-height:1.15}.section-subtitle{font-size:var(--text-lg);text-align:center;color:var(--secondary-text);letter-spacing:.01em;max-width:560px;margin-bottom:50px;margin-left:auto;margin-right:auto;line-height:1.7}@media (width<=600px){.section-title{font-size:2rem}.section-subtitle{font-size:var(--text-base);margin-bottom:36px}}.container{z-index:1;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.game-cta{flex-wrap:wrap;justify-content:center;gap:20px;padding-top:20px;display:flex}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), 0 0 0 1px #ffffff80 inset, inset 0 1px 0 #fffc;border-radius:var(--radius-xl);transition:background var(--duration-normal) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default), border-color var(--duration-normal) var(--ease-default);border-top:1px solid #ffffffe6;border-left:1px solid #ffffffe6}.glass:hover{box-shadow:var(--glass-shadow), 0 0 0 1.5px #a0e7e580 inset, 0 0 20px #a0e7e51f, inset 0 1px 0 #ffffffe6}.glass-hover{transition:transform var(--duration-normal) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default), background var(--duration-normal) var(--ease-default)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), inset 0 1px 0 #ffffffb3;border-radius:var(--radius-xl);transition:box-shadow var(--duration-normal) var(--ease-default), border-color var(--duration-normal) var(--ease-default)}.glass-card:hover{box-shadow:var(--shadow-lg), 0 0 0 1.5px #a0e7e566 inset, inset 0 1px 0 #ffffffe6}.glass-hover:hover{box-shadow:var(--shadow-lg), 0 0 0 2px #fff9 inset;background:#ffffffd9;border-color:#ffffffe6;transform:translateY(-4px)}.btn{padding:var(--space-sm) 38px;border-radius:var(--radius-full);font-weight:800;font-size:var(--text-sm);text-transform:uppercase;cursor:pointer;color:#fff;transition:transform var(--duration-normal) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default);letter-spacing:.08em;border:none;align-items:center;gap:12px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #0000001f,0 4px 12px #00000014}.btn:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 20px 45px #00000040,0 8px 18px #00000026}.btn:active{transition-duration:var(--duration-fast);transform:translateY(-1px)scale(.98);box-shadow:0 6px 16px #0000002e,0 2px 6px #0000001a}.btn:focus-visible{outline-offset:3px;outline:3px solid #29b6f6b3}.btn:before{content:"";opacity:0;width:100%;height:100%;transition:opacity var(--duration-normal) var(--ease-default), background-position .8s var(--ease-default);border-radius:var(--radius-full);background:linear-gradient(105deg,#0000 40%,#ffffff40 50%,#0000 60%) -100% 0/300% 100%;position:absolute;top:0;left:0}.btn:hover:before{opacity:1;will-change:background-position;background-position:200% 0;animation:1.8s ease-in-out infinite shimmer-sweep}.btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn:hover:after{left:100%}.btn-calcetos{background:linear-gradient(135deg, var(--game-calcetos), var(--game-calcetos-accent));box-shadow:0 12px 30px #29b6f666}.btn-calcetos:hover{box-shadow:0 18px 45px #29b6f680}.btn-xilo{background:linear-gradient(135deg, var(--game-xilo), var(--game-xilo-accent));box-shadow:0 12px 30px #66bb6a66}.btn-xilo:hover{box-shadow:0 18px 45px #66bb6a80}#calcetos .btn{background:linear-gradient(135deg, var(--game-calcetos), var(--game-calcetos-accent));box-shadow:0 12px 30px #5fbbe373,0 4px 12px #1e88e533}#pelate .btn{background:linear-gradient(135deg, var(--game-pelate), var(--game-pelate-accent));box-shadow:0 12px 30px #ff8c4273,0 4px 12px #f4511e33}#xilofagos .btn{background:linear-gradient(135deg, var(--game-xilo), var(--game-xilo-accent));box-shadow:0 12px 30px #4caf5073,0 4px 12px #43a04733}.about-cta{margin-top:35px}.about-cta .btn{background:linear-gradient(135deg,#667eea,#764ba2);animation:2s infinite pulse-glow;position:relative;overflow:visible;box-shadow:0 12px 35px #667eea59,0 6px 15px #764ba233}.about-cta .btn:hover{animation:none;transform:translateY(-4px)scale(1.02);box-shadow:0 18px 50px #667eea73,0 8px 20px #764ba240}.btn-contact{background:linear-gradient(135deg, var(--game-xilo), var(--game-xilo-accent));color:#fff;padding:var(--space-sm) 32px;border-radius:var(--radius-full);font-size:var(--text-lg);cursor:pointer;transition:transform var(--duration-normal) ease, box-shadow var(--duration-normal) ease;border:none;justify-content:center;align-self:flex-start;align-items:center;gap:10px;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #66bb6a4d}.btn-contact:hover{transform:translateY(-3px);box-shadow:0 10px 30px #66bb6a66}.coming-soon-badge{padding:var(--space-sm) 32px;border-radius:var(--radius-full);font-size:var(--text-lg);color:var(--secondary-text);text-transform:uppercase;letter-spacing:.05em;cursor:default;background:linear-gradient(135deg,#9e9e9e1a,#bdbdbd1a);border:2px solid #9e9e9e4d;align-items:center;gap:10px;font-weight:700;display:inline-flex}.coming-soon-badge i{font-size:1.2rem}@media (width<=600px){.coming-soon-badge{padding:12px var(--space-md);gap:var(--space-xs);font-size:.9rem}.coming-soon-badge i{font-size:1rem}}header{z-index:1000;transition:padding var(--duration-normal) ease;padding:10px 15px;position:fixed;top:0;left:0;right:0}header.scrolled{padding:8px 15px}nav{border-radius:var(--radius-xl);background:#ffffffa6;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:12px 20px;transition:padding .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),box-shadow .5s cubic-bezier(.77,.2,.05,1);display:flex;box-shadow:0 4px 24px #0000000f}header.scrolled nav{background:#ffffffd1;box-shadow:0 8px 32px #0000001a}.nav-header{justify-content:space-between;align-items:center;width:100%;display:flex}.logo-container{cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;display:flex}button.logo-container{background:0 0;border:none}.logo-icon{object-fit:contain;width:auto;height:40px}.logo-letters{object-fit:contain;width:auto;height:30px;margin-top:2px}.nav-links{gap:30px;display:none}.nav-links a{font-weight:700;font-size:var(--text-base);color:var(--secondary-text);transition:color var(--duration-normal) ease;padding:5px 0;position:relative}.nav-links a:after{content:"";background:var(--game-pelate);width:0;height:3px;transition:width var(--duration-normal) var(--ease-default);border-radius:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a:hover,.nav-links a.active{color:var(--game-pelate)}.hamburger{cursor:pointer;z-index:1002;padding:var(--space-xs);border-radius:var(--radius-sm);transition:background-color var(--duration-normal) ease;background:0 0;border:none;flex-direction:column;gap:6px;display:flex;position:relative}.hamburger:hover{background-color:#0000000d}.hamburger span{background:var(--primary-text);width:28px;height:3px;transition:transform var(--duration-normal) var(--ease-default), opacity var(--duration-normal) var(--ease-default);border-radius:3px}.hamburger.active{background-color:#0000000d}.hamburger.active span:first-child{transform:translateY(9px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:translate(-10px)}.hamburger.active span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.mobile-menu{flex-direction:column;align-items:center;gap:0;width:100%;max-height:0;padding:0;transition:max-height .5s cubic-bezier(.77,.2,.05,1),padding .5s cubic-bezier(.77,.2,.05,1),gap .5s cubic-bezier(.77,.2,.05,1);display:flex;overflow:hidden}.mobile-menu.open{gap:15px;max-height:500px;padding:20px 0 10px}.mobile-menu a{color:var(--primary-text);word-wrap:break-word;text-align:center;min-height:44px;transition:opacity var(--duration-normal) var(--ease-default), transform var(--duration-normal) var(--ease-default), background var(--duration-normal) var(--ease-default), color var(--duration-normal) var(--ease-default);opacity:0;border-radius:12px;width:100%;padding:15px 20px;font-family:Fredoka,Fredoka Fallback,system-ui,-apple-system,sans-serif;font-size:1.3rem;position:relative;transform:translateY(-20px)}.mobile-menu.open a{opacity:1;transform:translateY(0)}.mobile-menu.open a:first-child{transition-delay:.1s}.mobile-menu.open a:nth-child(2){transition-delay:.2s}.mobile-menu.open a:nth-child(3){transition-delay:.3s}.mobile-menu.open a:nth-child(4){transition-delay:.4s}.mobile-menu.open a:nth-child(5){transition-delay:.5s}.mobile-menu a:hover{color:var(--game-pelate);background:#fff9;transform:scale(1.05)}@media (width>=901px){header{padding:15px 20px}header.scrolled{padding:10px 20px}nav{padding:12px 30px}.logo-icon{height:45px}.logo-letters{height:34px}.nav-links{display:flex}.hamburger{display:none}}.game-card-wrap{height:100%;transform-style:preserve-3d}.game-card{cursor:pointer;height:100%;transform-style:preserve-3d;will-change:transform;background:#fff9;border:2px solid #ffffffe6;flex-direction:column;align-items:center;padding:40px 30px;transition:transform .4s ease-out;display:flex}.card-icon-box{width:90px;height:90px;box-shadow:var(--shadow-md);transition:transform var(--duration-normal) var(--ease-bounce);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:25px;font-size:3rem;display:flex;transform:translateZ(20px)}.game-card:hover .card-icon-box{transform:translateZ(40px)scale(1.1)rotate(10deg)}.gc-calcetos .card-icon-box{color:var(--game-calcetos)}.gc-pelate .card-icon-box{color:var(--game-pelate)}.gc-xilo .card-icon-box{color:var(--game-xilo)}.game-card h3{font-size:var(--text-2xl);margin-bottom:12px;transform:translateZ(10px)}.game-card p{font-size:var(--text-base);color:var(--secondary-text);margin-bottom:20px;transform:translateZ(10px)}.card-badge{padding:var(--space-xs) 20px;border-radius:var(--radius-full);color:#fff;letter-spacing:1px;text-transform:uppercase;margin-top:auto;font-size:.8rem;font-weight:800;transform:translateZ(15px);box-shadow:0 4px 10px #00000026}.gc-calcetos .card-badge{background:var(--game-calcetos)}.gc-pelate .card-badge{background:var(--game-pelate)}.gc-xilo .card-badge{background:var(--game-xilo)}.feature-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--duration-normal) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default), background var(--duration-normal) var(--ease-default), border-color var(--duration-normal) var(--ease-default);text-align:center;background:#fffffff2;border:1px solid #ffffffe6;padding:35px}.feature-card:hover{background:#fff;border-color:#a0e7e566;transform:translateY(-10px)scale(1.02);box-shadow:0 24px 56px #00000024,0 8px 20px #00000014}.card-icon{color:var(--secondary-text);margin-bottom:20px;font-size:3rem;display:block}.feature-card p{color:var(--secondary-text);margin:0;font-size:1.05rem;line-height:1.7}@media (width<=600px){.feature-card{padding:25px}.card-icon{margin-bottom:15px;font-size:2.5rem}.feature-card h3{margin-bottom:12px;font-size:1.3rem}.feature-card p{font-size:.95rem}}.modal-overlay{backdrop-filter:blur(8px);z-index:9999;opacity:0;visibility:hidden;width:100%;height:100%;transition:opacity var(--duration-normal) var(--ease-default), visibility var(--duration-normal) var(--ease-default);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{width:90%;max-width:700px;max-height:85vh;transition:transform var(--duration-normal) var(--ease-default), opacity var(--duration-normal) var(--ease-default);background:#fffffff2;border-radius:32px;padding:50px 40px;position:relative;overflow-y:auto;transform:scale(.9)translateY(30px);box-shadow:0 30px 80px #0000004d}.modal-overlay.active .modal-content{animation:modalEntrance .4s var(--ease-default) forwards;transform:scale(1)translateY(0)}.modal-close{cursor:pointer;width:45px;height:45px;color:var(--secondary-text);transition:transform var(--duration-normal) ease, background var(--duration-normal) ease, color var(--duration-normal) ease;z-index:10;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{color:var(--primary-text);background:#0000001a;transform:rotate(90deg)}.modal-header{text-align:center;margin-bottom:40px}.modal-header h3{font-size:var(--text-3xl);color:var(--primary-text);margin-bottom:12px;font-family:Fredoka,Fredoka Fallback,system-ui,-apple-system,sans-serif;font-weight:700}.modal-header p{font-size:var(--text-lg);color:var(--secondary-text);margin:0}.store-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-height:none;display:grid}.store-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default);cursor:pointer;aspect-ratio:1;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px;text-decoration:none;display:flex;position:relative;overflow:hidden}.store-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.store-card:hover:before{left:100%}.store-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026}.store-logo{aspect-ratio:auto;object-fit:contain;width:100%;height:auto;max-height:70%;transition:transform var(--duration-normal) ease}.store-card:hover .store-logo{transform:scale(1.05)}.store-name{color:var(--text-color);text-align:center;margin-top:auto;font-size:.85rem;font-weight:600;line-height:1.2}.video-modal-content{width:90%;max-width:800px;max-height:90vh;padding:20px}.video-modal-content .modal-header{margin-bottom:15px}.video-modal-content .modal-header h3{font-size:1.5rem}.video-modal-content .modal-close{width:36px;height:36px;font-size:1.1rem;top:10px;right:10px}.video-container{background:#000;border-radius:12px;width:100%;overflow:hidden}.video-container lite-youtube{border-radius:12px;width:100%;max-width:100%}.lite-youtube-fallback{aspect-ratio:16/9;color:#fff;border-radius:var(--radius-md);font-family:Nunito,Nunito Fallback,system-ui,-apple-system,sans-serif;font-size:var(--text-base);text-align:center;background-color:#000;flex-direction:column;justify-content:center;align-items:center;gap:1em;padding:1em;text-decoration:none;display:flex}.lite-youtube-fallback:before{content:"";border:2em solid #0000;border-left:3em solid red;border-right-width:0;display:block}.lite-youtube-fallback:hover:before{border-left-color:#fff}.lite-youtube-fallback:focus{outline:2px solid red}@media (width<=600px){.modal-content{width:95%;padding:40px 25px}.modal-header h3{font-size:2rem}.modal-header p{font-size:var(--text-base)}.store-grid{grid-template-columns:repeat(3,1fr);gap:15px}.store-card{gap:var(--space-xs);padding:15px 10px}.store-logo{max-height:65%}.store-name{font-size:.7rem;line-height:1.1}}@media (width<=768px){.video-modal-content{width:95%;padding:20px}.video-modal-content .modal-header h3{font-size:1.4rem}}.game-carousel{border-radius:var(--radius-md);border:3px solid #ffffffe6;width:100%;max-width:600px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000026,0 10px 25px #00000014}.carousel-track{aspect-ratio:4/3;background:#e2e8f0;width:100%;position:relative}.carousel-slide{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--duration-slow) ease;pointer-events:none;position:absolute;inset:0}.carousel-slide.active{opacity:1;pointer-events:auto}.carousel-btn{color:#1a202c;cursor:pointer;z-index:2;width:40px;height:40px;box-shadow:0 2px var(--space-xs) #00000026;transition:transform var(--duration-normal) ease, background var(--duration-normal) ease, box-shadow var(--duration-normal) ease, opacity var(--duration-normal) ease;opacity:0;background:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.game-carousel:hover .carousel-btn{opacity:1}.carousel-btn:hover{background:#fff;transform:translateY(-50%)scale(1.1);box-shadow:0 4px 12px #0003}.carousel-prev{left:12px}.carousel-next{right:12px}.carousel-dots{gap:var(--space-xs);z-index:2;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.carousel-dot{width:var(--space-xs);height:var(--space-xs);cursor:pointer;transition:transform var(--duration-normal) ease, background var(--duration-normal) ease;background:0 0;border:2px solid #fff;border-radius:50%;padding:0;box-shadow:0 1px 3px #0000004d}.carousel-dot.active{background:#fff;transform:scale(1.2)}@media (width<=900px){.carousel-btn{opacity:1;width:36px;height:36px;font-size:.8rem}.carousel-prev{left:var(--space-xs)}.carousel-next{right:var(--space-xs)}}.testimonials-section{padding:var(--space-2xl) 0;background:linear-gradient(#0000,#a0e7e51a,#0000)}.testimonials-slider{align-items:center;gap:30px;max-width:800px;margin:0 auto;display:flex;position:relative}.slider-btn{cursor:pointer;width:50px;min-width:50px;height:50px;color:var(--secondary-text);transition:transform var(--duration-normal) ease, background var(--duration-normal) ease, color var(--duration-normal) ease;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;box-shadow:0 4px 15px #0000001a}.slider-btn:hover{background:var(--game-pelate);color:#fff;transform:scale(1.1)}.testimonials-track{flex:1;grid-template-areas:"stack";min-height:300px;display:grid;position:relative}.testimonial-card{padding:var(--space-lg);text-align:center;opacity:0;width:100%;transition:opacity .7s var(--ease-default), transform .7s var(--ease-default);pointer-events:none;z-index:0;grid-area:stack;position:relative;transform:translateY(16px)scale(.96)}.testimonial-card:before{content:"“";color:var(--game-pelate);opacity:.07;pointer-events:none;z-index:0;font-family:Georgia,serif;font-size:8rem;line-height:1;position:absolute;top:16px;left:50%;transform:translate(-50%)}.testimonial-card.active{opacity:1;pointer-events:auto;z-index:1;transform:translateY(0)scale(1)}.testimonial-stars{z-index:1;justify-content:center;gap:6px;margin-bottom:25px;display:flex;position:relative}.testimonial-stars i{color:gold;font-size:1.3rem}.testimonial-text{color:var(--primary-text);z-index:1;margin-bottom:30px;font-size:1.25rem;font-style:italic;line-height:1.8;position:relative}.testimonial-author{z-index:1;justify-content:center;align-items:center;gap:15px;display:flex;position:relative}.author-avatar{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}.author-info h3{font-size:var(--text-lg);color:var(--primary-text);margin-bottom:4px}.author-info span{color:var(--secondary-text);font-size:.9rem}.testimonial-dots{justify-content:center;gap:8px;margin-top:30px;display:flex}.dot{border-radius:var(--radius-full);cursor:pointer;width:10px;height:10px;transition:width var(--duration-normal) var(--ease-bounce), background var(--duration-normal) ease;background:#00000026;border:none}.dot.active{background:var(--game-pelate);width:28px}.dot:hover{background:var(--game-pelate)}@media (width<=900px){.testimonials-slider{flex-direction:column}.slider-btn{display:none}}@media (width<=600px){.testimonial-card{padding:30px 20px}.testimonial-text{font-size:var(--text-lg)}}.lang-modal-content{text-align:center;max-width:480px;padding:48px 40px 36px}.lang-modal-icon{color:var(--accent-primary,#667eea);margin-bottom:8px;font-size:2.5rem;animation:2s ease-in-out infinite langIconPulse}@keyframes langIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)rotate(5deg)}}.lang-modal-content .modal-header{margin-bottom:28px}.lang-modal-content .modal-header h3{font-size:var(--text-2xl,1.5rem);margin-bottom:8px}.lang-modal-content .modal-header p{font-size:var(--text-base,1rem);color:var(--secondary-text,#64748b);line-height:1.5}.lang-modal-options{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.btn-lang-primary,.btn-lang-secondary{border-radius:var(--radius-md,16px);font-size:var(--text-lg,1.125rem);cursor:pointer;transition:transform var(--duration-normal,.3s) var(--ease-default,ease), box-shadow var(--duration-normal,.3s) var(--ease-default,ease);border:none;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-family:Fredoka,Fredoka Fallback,system-ui,sans-serif;font-weight:600;text-decoration:none;display:flex}.btn-lang-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 15px #667eea66}.btn-lang-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea80}.btn-lang-secondary{color:var(--primary-text,#1a202c);background:#0000000d}.btn-lang-secondary:hover{background:#0000001a;transform:translateY(-2px)}.lang-flag{font-size:1.4rem;line-height:1}.lang-modal-remember{font-size:var(--text-sm,.875rem);color:var(--secondary-text,#64748b);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;display:flex}.lang-modal-remember input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary,#667eea);cursor:pointer}.lang-switch{font-size:var(--text-sm,.875rem);color:inherit;letter-spacing:.05em;background:#ffffff26;border-radius:20px;justify-content:center;align-items:center;padding:4px 12px;font-weight:700;text-decoration:none;transition:background .3s,transform .3s;display:inline-flex}.lang-switch:hover{background:#ffffff40;transform:translateY(-1px)}@media (width<=500px){.lang-modal-content{margin:16px;padding:36px 24px 28px}.btn-lang-primary,.btn-lang-secondary{font-size:var(--text-base,1rem);padding:12px 20px}}.hero-content,.hero-image{opacity:1;transition:opacity .8s var(--ease-default), transform .8s var(--ease-default);transform:none}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding-top:140px;padding-bottom:40px;display:flex}.hero-grid{text-align:center;grid-template-columns:1fr;align-items:center;gap:30px;display:grid}.hero-content{z-index:2;text-align:center;position:relative}.hero-title{font-size:var(--text-3xl);background:linear-gradient(135deg, #1a202c 0%, var(--text-dark-alt) 50%, #1a202c 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;text-shadow:none;background-clip:text;margin-bottom:20px;font-weight:700;line-height:1.05;position:relative}.hero-title:after{content:"";background:linear-gradient(90deg, var(--game-calcetos), var(--game-pelate), var(--game-xilo));background-size:200% 100%;border-radius:2px;width:80px;height:4px;margin:14px auto 0;animation:3s ease-in-out infinite gradient-shift;display:block}.hero-subtitle{color:var(--secondary-text);letter-spacing:.01em;opacity:.95;max-width:520px;margin:0 auto;font-size:1.1rem;font-weight:400;line-height:1.8}.page-loaded .hero-content>*{animation:fadeSlideUp .7s var(--ease-default) both}.page-loaded .hero-content>:first-child{animation-delay:.1s}.page-loaded .hero-content>:nth-child(2){animation-delay:.25s}.page-loaded .hero-content>:nth-child(3){animation-delay:.4s}.hero-image{z-index:1;position:relative}.hero-main-img{aspect-ratio:4/3;border-radius:var(--radius-lg);width:100%;box-shadow:0 20px 40px #00000026, 0 8px var(--radius-md) #0000000f;contain:layout style paint;object-fit:cover;border:1px solid #fffc;transform:rotate(0)}.page-loaded .hero-main-img{transition:transform var(--duration-slow) var(--ease-default), box-shadow var(--duration-slow) var(--ease-default)}.hero-main-img:hover{transform:rotate(0)scale(1.02);box-shadow:0 30px 60px #0003,0 12px 24px #0000001a}@media (width>=901px){.hero{padding-bottom:var(--space-xl)}.hero-grid{text-align:left;grid-template-columns:1fr 1fr;gap:50px}.hero-content{text-align:left}.hero-title{font-size:var(--text-5xl);margin-bottom:var(--space-md)}.hero-title:after{margin:16px 0 0}.hero-subtitle{font-size:var(--text-xl);max-width:520px;margin:0;line-height:1.8}.hero-main-img{border-radius:var(--radius-xl);transform:rotate(2deg);box-shadow:0 30px 60px #0003,0 10px 20px #00000014}.hero-main-img:hover{transform:rotate(0)scale(1.03);box-shadow:0 40px 80px #00000040,0 15px 30px #0000001f}}@media (width<=600px){.hero{padding-top:140px}.hero-title{font-size:var(--text-3xl)}}.about-section{margin-top:var(--space-2xl);padding:var(--space-xl) 50px;text-align:center;content-visibility:auto;contain-intrinsic-size:auto 500px;max-width:900px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}.about-section:before{content:"";background:linear-gradient(135deg, transparent 50%, var(--accent-cyan) 50%);opacity:.1;border-radius:var(--radius-xl);pointer-events:none;width:200px;height:200px;position:absolute;top:0;right:0}.about-section:after{content:"";background:linear-gradient(135deg, var(--accent-orange) 50%, transparent 50%);opacity:.1;border-radius:var(--radius-xl);pointer-events:none;width:180px;height:180px;position:absolute;bottom:0;left:0}.about-content h2{font-size:var(--text-heading);color:var(--primary-text);letter-spacing:-.01em;margin-bottom:30px;font-weight:700;display:inline-block;position:relative}.about-content h2:after{content:"";background:linear-gradient(90deg, var(--game-calcetos), var(--game-pelate), var(--game-xilo));border-radius:2px;width:60px;height:4px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.about-content p{font-size:var(--text-lg);color:var(--secondary-text);margin-bottom:var(--space-md);letter-spacing:.01em;line-height:1.9}.about-content .logo-container{justify-content:center;margin:0 auto}.logo-container .logo{object-fit:contain;filter:drop-shadow(0 10px 20px #00000014);width:auto;height:12em;transition:transform .4s var(--ease-default)}.logo-container:hover .logo{filter:drop-shadow(0 15px 30px #0000001f);transform:scale(1.05)rotate(-2deg)}@media (width<=600px){.about-section{padding:var(--space-lg) 25px;margin-top:50px}.about-content h2{font-size:2rem}.about-content p{font-size:var(--text-base)}}.game-detail{padding:var(--space-2xl) 0;content-visibility:auto;contain-intrinsic-size:auto 800px;position:relative}.detail-container{gap:var(--space-section);padding:var(--space-section);background:#fffc;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}#calcetos{--game-color:var(--game-calcetos);--game-accent:var(--game-calcetos-accent);--game-deep:#0d47a1}#pelate{--game-color:var(--game-pelate);--game-accent:var(--game-pelate-accent);--game-deep:#bf360c}#xilofagos{--game-color:var(--game-xilo);--game-accent:var(--game-xilo-accent);--game-deep:#1b5e20}.magazine-layout{padding:var(--space-xl);flex-direction:column;align-items:stretch;gap:50px;display:flex;position:relative;overflow:hidden}#calcetos .magazine-layout:before,#pelate .magazine-layout:before,#xilofagos .magazine-layout:before{content:"";border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:linear-gradient(90deg, var(--game-color), var(--game-accent));height:5px;position:absolute;top:0;left:0;right:0}.game-header{gap:var(--space-lg);grid-template-columns:2fr 1fr;align-items:start;display:grid}.game-title-block{flex-direction:column;gap:20px;display:flex}.game-description{text-align:center;max-width:800px;margin:0 auto}.game-description p{font-size:var(--text-lg);color:var(--secondary-text);margin-bottom:var(--space-sm);font-weight:400;line-height:1.8}.game-title-logo{aspect-ratio:auto;width:350px;max-width:100%;height:auto;margin:0 auto;display:block}#pelate .game-title-logo{filter:drop-shadow(2px 4px 6px gray)}.calcetos-theme{background:linear-gradient(135deg, var(--game-calcetos), var(--game-calcetos-accent));color:#fff}.pelate-theme{background:linear-gradient(135deg, var(--game-pelate), var(--game-pelate-accent));color:#fff}.xilo-theme{background:linear-gradient(135deg, var(--game-xilo), var(--game-xilo-accent));color:#fff}#calcetos h2,#calcetos .tagline,#pelate h2,#pelate .tagline,#xilofagos h2,#xilofagos .tagline{color:var(--game-color)}.bg-pelate{background-image:repeating-linear-gradient(45deg,#0000,#0000 20px,#ff8c4208 20px 40px)}.game-stats-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#ffffffe6;flex-direction:column;gap:20px;padding:30px;display:flex;position:relative;overflow:visible}.stats-character{aspect-ratio:auto;filter:drop-shadow(0 10px 20px #0003);z-index:10;pointer-events:none;object-fit:contain;width:120px;height:auto;animation:4s ease-in-out infinite floatCharacter;position:absolute;bottom:-40px;right:-40px}.stat-item{color:var(--primary-text);font-weight:700;font-size:var(--text-lg);align-items:center;gap:15px;display:flex}.stat-item i{text-align:center;flex-shrink:0;width:40px;font-size:1.8rem}.visual-showcase-single{justify-content:center;align-items:center;display:flex}.content-cards{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.content-cards .feature-card{opacity:0;animation:staggeredReveal .6s var(--ease-default) forwards;transform:translateY(30px)}.content-cards .feature-card:first-child{animation-delay:.1s}.content-cards .feature-card:nth-child(2){animation-delay:.2s}.content-cards .feature-card:nth-child(3){animation-delay:.3s}.content-cards .feature-card:nth-child(4){animation-delay:.4s}.tagline{text-transform:uppercase;letter-spacing:.15em;opacity:.85;padding:6px var(--radius-md);border-radius:var(--radius-lg);background:#fff9;border:1px solid #fffc;margin-bottom:18px;font-size:.8rem;font-weight:800;display:inline-block}.description p{font-size:var(--text-lg);color:#4a5568;letter-spacing:.01em;max-width:95%;transition:border-color var(--duration-normal) ease;border-left:3px solid #00000014;margin-bottom:28px;padding-left:16px;line-height:1.85}#calcetos .description p:hover,#pelate .description p:hover,#xilofagos .description p:hover{border-left-color:var(--game-color)}@media (width<=900px){.detail-container{text-align:center;grid-template-columns:1fr;gap:50px;padding:50px 30px}.magazine-layout{gap:40px;padding:40px 25px}.game-header{grid-template-columns:1fr;gap:30px}.game-title-logo{width:280px}.game-description p{font-size:1.05rem}.visual-showcase-single{width:100%}.content-cards{grid-template-columns:1fr;gap:20px}}@media (width<=600px){.magazine-layout{gap:30px;padding:30px 20px}.game-title-logo{width:220px}.game-stats-card{gap:15px;padding:20px}.stats-character{width:100px;bottom:-30px;right:-20px}.stat-item{font-size:var(--text-base)}.stat-item i{width:30px;font-size:1.3rem}}.community-section{padding:50px 0 var(--space-2xl)}.community-layout{grid-template-columns:1fr .8fr;gap:0;display:grid;overflow:hidden}.newsletter-box{padding:var(--space-section);z-index:2;position:relative}.newsletter-box h2{font-size:var(--text-heading);margin-bottom:var(--space-sm);letter-spacing:-.01em;font-weight:700}.newsletter-box p{color:var(--secondary-text);font-size:var(--text-lg);letter-spacing:.01em;margin-bottom:35px;line-height:1.8}.photo-pile{background:#fff6;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.polaroid{box-shadow:var(--shadow-md), 0 3px var(--space-xs) #00000014;cursor:pointer;background:#fff;border:1px solid #0000000d;width:180px;padding:12px 12px 40px;transition:transform .5s cubic-bezier(.25,.8,.25,1),box-shadow .5s cubic-bezier(.25,.8,.25,1);position:absolute}.polaroid:hover{box-shadow:0 16px 40px #0003, 0 6px var(--radius-md) #0000001f;z-index:10!important;transform:scale(1.08)rotate(0)!important}.polaroid img{aspect-ratio:3/4;object-fit:cover;border-radius:2px;width:100%;height:160px}.polaroid:after{content:"";bottom:var(--space-xs);background:#0000001a;border-radius:1px;width:40px;height:2px;position:absolute;left:50%;transform:translate(-50%)}.polaroid:first-child{z-index:1;transform:rotate(-10deg)translate(-20px,10px)}.polaroid:nth-child(2){z-index:2;transform:rotate(15deg)translate(20px,-10px)}.polaroid:nth-child(3){z-index:3;transform:rotate(-5deg)translate(0)}@media (hover:hover){.photo-pile:hover .polaroid:first-child{z-index:5;transform:rotate(-15deg)translate(-120px,10px)scale(1.05)}.photo-pile:hover .polaroid:nth-child(2){z-index:5;transform:rotate(15deg)translate(120px,-10px)scale(1.05)}.photo-pile:hover .polaroid:nth-child(3){z-index:6;transform:rotate(0)scale(1.1)}}@media (width<=900px){.community-layout{grid-template-columns:1fr}.photo-pile{min-height:250px;padding:var(--space-lg)}.polaroid:first-child{transform:rotate(-10deg)translate(-80px)scale(.8)}.polaroid:nth-child(2){transform:rotate(10deg)translate(80px)scale(.8)}.polaroid:nth-child(3){transform:scale(.9)}}@media (width<=600px){.newsletter-box{padding:var(--space-lg) 30px}.newsletter-box h2{font-size:2.2rem}.newsletter-box p{font-size:var(--text-base)}}.contact-section{padding:var(--space-2xl) 0;position:relative;overflow:visible}.contact-character{z-index:10;pointer-events:none;width:200px;animation:4s ease-in-out infinite float;position:absolute;bottom:85px;left:85px}.contact-character img{aspect-ratio:1;filter:drop-shadow(0 10px 20px #00000026);width:100%;height:auto;transform:scaleX(-1)}.contact-layout{background:linear-gradient(135deg,#ffffffd9,#ffffffb3);border:1px solid #fffc;grid-template-columns:1fr 1.2fr;align-items:start;gap:50px;padding:50px;display:grid;position:relative}.contact-info h2{font-size:var(--text-3xl);color:var(--primary-text);background:linear-gradient(135deg, var(--game-xilo), var(--game-xilo-dark));-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px}.contact-info>p{font-size:var(--text-lg);color:var(--secondary-text);margin-bottom:30px;line-height:1.7}.contact-details{flex-direction:column;gap:15px;display:flex}.contact-item{font-size:var(--text-base);color:var(--secondary-text);align-items:center;gap:12px;display:flex}.contact-item i{color:var(--game-xilo);text-align:center;width:24px;font-size:1.3rem}.contact-item a{color:var(--primary-text);transition:color var(--duration-normal) ease}.contact-item a:hover{color:var(--game-xilo)}.contact-form-box{border-radius:var(--radius-md);background:#fff9;border:1px solid #66bb6a33;padding:35px;box-shadow:0 10px 40px #66bb6a1a}.contact-form{flex-direction:column;gap:20px;display:flex}.form-field{gap:var(--space-xs);flex-direction:column;display:flex}.form-field label{color:var(--primary-text);letter-spacing:.01em;font-size:.95rem;font-weight:600}.form-field input,.form-field textarea{font-size:var(--text-base);transition:border-color var(--duration-normal) ease, box-shadow var(--duration-normal) ease, transform var(--duration-normal) ease;background:#ffffffe6;border:2px solid #00000014;border-radius:12px;padding:14px 18px;font-family:inherit}.form-field input:focus,.form-field textarea:focus{border-color:var(--game-xilo);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #66bb6a26,0 2px 8px #66bb6a1a}.form-field textarea{resize:vertical;min-height:120px}.form-field-checkbox{gap:10px;display:block}.form-field-checkbox input[type=checkbox]{width:.8em;height:.8em;accent-color:var(--game-xilo);cursor:pointer;flex-shrink:0;margin-top:3px;display:inline-block}.form-field-checkbox label{font-size:var(--text-sm);color:var(--secondary-text);cursor:pointer;font-weight:400;line-height:1.5}.form-field-checkbox label a{color:var(--game-xilo-dark);text-underline-offset:2px;text-decoration:underline}.form-field-checkbox label a:hover{color:var(--game-xilo)}.btn-contact.loading{pointer-events:none;opacity:.8}.btn-contact.loading:after{content:"";border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-left:8px;animation:.7s linear infinite spin;display:inline-block}@media (width<=900px){.contact-character{top:-20px;left:50vw}.contact-layout{grid-template-columns:1fr;gap:30px;padding:30px}.contact-info h2{font-size:2rem}.btn-contact{width:100%}}footer{text-align:center;background:linear-gradient(180deg, var(--footer-bg) 0%, var(--footer-bg) 60%, #f0f4f8 100%);margin-top:30px;padding:50px 20px;position:relative}.footer-characters{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.footer-char{opacity:1;filter:drop-shadow(0 8px 16px #00000026);width:150px;transition:transform .4s var(--ease-default), filter .4s ease;animation:7s ease-in-out infinite footerFloat;position:absolute}.footer-char-1{animation-delay:0s;top:-50px;left:3%}.footer-char-2{width:160px;animation-delay:2s;top:-50px;right:3%}.footer-char-3{width:140px;animation-delay:1s;top:-50px;right:20%}.footer-char:hover{filter:drop-shadow(0 15px 30px #00000040);animation-play-state:paused;transform:translateY(-15px)scale(1.1)rotate(5deg)}.footer-wave{z-index:1;pointer-events:none;width:100%;height:50px;position:absolute;top:-50px;left:0;overflow:hidden}.footer-wave:before{content:"";background:linear-gradient(180deg, #f0f4f8 0%, var(--footer-bg) 100%);border-radius:60% 60% 0 0/100% 100% 0 0;width:100%;height:100%;position:absolute;bottom:0;left:0}.social-orbit{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:35px;display:flex}.social-btn{width:54px;height:54px;color:var(--secondary-text);transition:transform var(--duration-normal) var(--ease-default), background var(--duration-normal) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default), color var(--duration-normal) var(--ease-default);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.social-btn:hover{transform:translateY(-6px)scale(1.08)}.social-btn[title=YouTube]:hover,.social-btn:has(.fa-youtube):hover{color:#fff;background:red;box-shadow:0 0 20px #ff000080,0 10px 28px #ff000059}.social-btn[title=Instagram]:hover,.social-btn:has(.fa-instagram):hover{color:#fff;background:linear-gradient(135deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);box-shadow:0 0 20px #dc274380,0 10px 28px #dc274359}.social-btn[title=Facebook]:hover,.social-btn:has(.fa-facebook-f):hover{color:#fff;background:#1877f2;box-shadow:0 0 20px #1877f280,0 10px 28px #1877f259}.social-btn[title=Email]:hover,.social-btn:has(.fa-envelope):hover{background:linear-gradient(135deg, var(--game-xilo), var(--game-xilo-accent));color:#fff;box-shadow:0 0 20px #66bb6a80,0 10px 28px #66bb6a59}@supports not selector(:has(*)){.social-btn:hover{background:linear-gradient(135deg, var(--game-pelate), var(--game-pelate-accent));color:#fff;box-shadow:0 0 20px #ff704399,0 10px 28px #ff704366}}@media (width<=600px){.footer-char{opacity:1;width:80px}.footer-char-1{top:-50px;left:2%}.footer-char-2{width:90px;top:-50px;right:2%}.footer-char-3{width:70px;top:-50px;right:30%}}.legal-section{padding:calc(var(--header-height) + var(--space-xl)) 0 var(--space-2xl);min-height:100vh}.legal-content{max-width:860px;padding:var(--space-xl);background:linear-gradient(135deg,#ffffffe0,#ffffffb8);border:1px solid #fffc;margin:0 auto}.legal-content h1{font-size:var(--text-3xl);color:var(--primary-text);margin-bottom:var(--space-xs);background:linear-gradient(135deg, var(--game-xilo), var(--game-xilo-dark));-webkit-text-fill-color:transparent;background-clip:text}.legal-effective{font-size:var(--text-sm);color:var(--secondary-text);margin-bottom:var(--space-lg);display:block}.legal-content h2{font-size:var(--text-xl);color:var(--primary-text);margin-top:var(--space-lg);margin-bottom:var(--space-sm);border-bottom:2px solid #66bb6a40;padding-bottom:8px}.legal-content h3{font-size:var(--text-lg);color:var(--text-dark-alt);margin-top:var(--space-md);margin-bottom:var(--space-xs)}.legal-content p{color:var(--secondary-text);margin-bottom:var(--space-sm);line-height:1.8}.legal-content ul,.legal-content ol{color:var(--secondary-text);margin-bottom:var(--space-sm);padding-left:var(--space-lg);line-height:1.8}.legal-content li{margin-bottom:6px}.legal-content a{color:var(--game-xilo-dark);text-underline-offset:3px;transition:color var(--duration-fast) ease;text-decoration:underline}.legal-content a:hover{color:var(--game-xilo)}.legal-content strong{color:var(--primary-text);font-weight:700}.legal-divider{margin:var(--space-lg) 0;border:none;border-top:1px solid #00000014}@media (width<=900px){.legal-content{padding:var(--space-lg)}.legal-content h1{font-size:var(--text-2xl)}}@media (width<=600px){.legal-section{padding-top:calc(var(--header-height) + var(--space-lg))}.legal-content{padding:var(--space-md)}}.blob-container{z-index:-1;pointer-events:none;content-visibility:auto;background:radial-gradient(circle,#fcfcfc,#eff3f8);width:100%;max-width:100vw;height:100%;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(80px);opacity:.5;border-radius:50%;max-width:100%;position:absolute}.page-loaded .blob{transition:transform var(--duration-normal) ease-out;animation:8s ease-in-out infinite pulse}.blob-1{background:var(--accent-cyan);width:300px;height:300px;top:-10%;left:-10%}.blob-2{background:var(--accent-orange);width:350px;height:350px;bottom:-10%;right:-10%}.blob-3{background:var(--accent-sage);width:500px;height:500px;top:40%;left:30%}@media (width>=901px){.blob-1{width:600px;height:600px}.blob-2{width:700px;height:700px}}.reveal{opacity:0;transition:opacity .9s cubic-bezier(.215,.61,.355,1),transform .9s cubic-bezier(.215,.61,.355,1);transform:translateY(40px)}.reveal.active{opacity:1;animation:.9s cubic-bezier(.215,.61,.355,1) forwards slideInFromBottom;overflow:visible;transform:translateY(0)}.particles{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{opacity:.12;filter:drop-shadow(0 4px var(--space-xs) #0000001a);animation:18s linear infinite floatUp;position:absolute}.skip-link{background:var(--primary-text);color:#fff;padding:12px var(--space-md);z-index:10000;border-radius:0 0 var(--radius-sm) 0;transition:top var(--duration-normal) ease;font-weight:700;position:absolute;top:-100px;left:0}.skip-link:focus{top:0}.scroll-progress{background:linear-gradient(90deg, var(--game-calcetos), var(--game-pelate), var(--game-xilo));z-index:10001;width:0%;height:4px;transition:width .1s ease-out;position:fixed;top:0;left:0}.back-to-top{background:linear-gradient(135deg, var(--game-pelate), var(--game-pelate-accent));color:#fff;cursor:pointer;width:50px;height:50px;box-shadow:0 var(--space-xs) 25px #ff704366;opacity:0;visibility:hidden;transition:transform var(--duration-normal) var(--ease-default), opacity var(--duration-normal) var(--ease-default), visibility var(--duration-normal) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default);z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:fixed;bottom:30px;right:30px;transform:translateY(20px)}.back-to-top.visible{opacity:1;visibility:visible;animation:bounce-in .5s var(--ease-bounce) forwards;transform:translateY(0)}.back-to-top:hover{transform:translateY(-5px)scale(1.1);box-shadow:0 12px 35px #ff704380}@media (width<=600px){.back-to-top{width:45px;height:45px;font-size:1rem;bottom:20px;right:20px}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes floatUp{0%{opacity:0;transform:translateY(100vh)rotate(0)}20%{opacity:.2}80%{opacity:.2}to{opacity:0;transform:translateY(-20vh)rotate(360deg)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes shimmer-sweep{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes bounce-in{0%{opacity:0;transform:translateY(20px)scale(.8)}60%{opacity:1;transform:translateY(-6px)scale(1.08)}80%{transform:translateY(2px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floatCharacter{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(2deg)}50%{transform:translateY(-15px)rotate(0)}75%{transform:translateY(-10px)rotate(-2deg)}}@keyframes floatChar{0%,to{transform:translateY(0) rotate(var(--r))}25%{transform:translateY(-12px) rotate(calc(var(--r) + 3deg))}50%{transform:translateY(-20px) rotate(var(--r))}75%{transform:translateY(-12px) rotate(calc(var(--r) - 3deg))}}@keyframes footerFloat{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-12px)rotate(2deg)}50%{transform:translateY(-20px)rotate(0)}75%{transform:translateY(-12px)rotate(-2deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes staggeredReveal{to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 12px 30px #667eea66,0 0 #667eea66}50%{box-shadow:0 12px 30px #667eea66,0 0 0 10px #667eea00}}@keyframes modalEntrance{0%{opacity:0;transform:scale(.85)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=main.9b7d9898.css.map */
