:root{--bg-color:#f0f4f8;--glass-bg:#ffffffbf;--glass-border:#fff9;--glass-shadow:0 8px 32px 0 #1f26871a;--primary-text:#1a202c;--secondary-text:#4a5568;--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;--header-height:80px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}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,sans-serif;line-height:1.7;overflow-x:hidden}html{width:100%;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:.5px;font-family:Fredoka,sans-serif;font-weight:600}a{color:inherit;text-decoration:none;transition:all .3s}img{border-radius:16px;max-width:100%;display:block}button,input{outline:none;font-family:inherit}.blob-container{z-index:-1;pointer-events:none;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;will-change:transform;border-radius:50%;max-width:100%;transition:transform .3s ease-out;animation:8s ease-in-out infinite pulse;position:absolute}.blob-1{background:var(--accent-cyan);width:600px;height:600px;top:-10%;left:-10%}.blob-2{background:var(--accent-orange);width:700px;height:700px;bottom:-10%;right:-10%}.blob-3{background:var(--accent-sage);width:500px;height:500px;top:40%;left:30%}.container{max-width:1200px;margin:0 auto;padding:0 20px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),0 0 0 1px #ffffff80 inset;border-top:1px solid #ffffffe6;border-left:1px solid #ffffffe6;border-radius:28px;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-hover{transition:transform .3s,box-shadow .3s,background .3s}.glass-hover:hover{background:#ffffffd9;border-color:#ffffffe6;transform:translateY(-4px);box-shadow:0 20px 60px #00000026,inset 0 0 0 2px #fff9}.reveal{opacity:0;transition:all .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)}header{z-index:1000;padding:15px 20px;transition:all .3s;position:fixed;top:0;left:0;right:0}header.scrolled{padding:10px 20px}nav{background:#fffc;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:12px 30px;transition:all .5s cubic-bezier(.77,.2,.05,1);display:flex;box-shadow:0 4px 24px #0000000f}.nav-header{justify-content:space-between;align-items:center;width:100%;display:flex}.logo-container{cursor:pointer;align-items:center;gap:10px;display:flex}.logo-icon{object-fit:contain;width:auto;height:45px}.logo-letters{object-fit:contain;width:auto;height:34px;margin-top:2px}.nav-links{gap:30px;display:flex}.nav-links a{color:var(--secondary-text);padding:5px 0;font-size:1rem;font-weight:700;position:relative}.nav-links a:after{content:"";background:var(--game-pelate);border-radius:2px;width:0;height:3px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:var(--game-pelate)}.hamburger{cursor:pointer;z-index:1002;border-radius:8px;flex-direction:column;gap:6px;padding:8px;transition:background-color .3s;display:none;position:relative}.hamburger:hover{background-color:#0000000d}.hamburger span{background:var(--primary-text);border-radius:3px;width:28px;height:3px;transition:all .3s cubic-bezier(.4,0,.2,1)}.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:all .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;opacity:0;border-radius:12px;width:100%;padding:15px 20px;font-family:Fredoka,sans-serif;font-size:1.3rem;transition:all .3s cubic-bezier(.4,0,.2,1);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)}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding-top:140px;padding-bottom:60px;display:flex}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.hero-content{z-index:2;text-align:left;position:relative}.hero-title{-webkit-text-fill-color:transparent;letter-spacing:-.02em;background:linear-gradient(135deg,#1a202c 0%,#2d3748 50%,#1a202c 100%) text;margin-bottom:24px;font-size:4.5rem;font-weight:700;line-height:1.05;position:relative}.hero-subtitle{color:var(--secondary-text);letter-spacing:.01em;opacity:.95;max-width:600px;font-size:1.35rem;font-weight:400;line-height:1.8}.hero-image{z-index:1;position:relative}.hero-main-img{border:1px solid #fffc;border-radius:28px;width:100%;transition:all .6s cubic-bezier(.4,0,.2,1);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}.about-section{text-align:center;max-width:900px;margin-top:80px;margin-left:auto;margin-right:auto;padding:60px 50px;position:relative;overflow:hidden}.about-section:before{content:"";background:linear-gradient(135deg,transparent 50%,var(--accent-cyan)50%);opacity:.1;pointer-events:none;border-radius:28px;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;pointer-events:none;border-radius:28px;width:180px;height:180px;position:absolute;bottom:0;left:0}.about-content h2{color:var(--primary-text);letter-spacing:-.01em;margin-bottom:30px;font-size:2.8rem;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{color:var(--secondary-text);letter-spacing:.01em;margin-bottom:24px;font-size:1.15rem;line-height:1.9}.about-cta{margin-top:35px}.about-cta .btn{background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:visible;box-shadow:0 12px 35px #667eea59,0 6px 15px #764ba233}.about-cta .btn:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 18px 50px #667eea73,0 8px 20px #764ba240}.logo-container{cursor:pointer;justify-content:center;align-items:center;gap:10px;display:flex}.about-content .logo-container{margin:0 auto}.logo-container .logo{object-fit:contain;filter:drop-shadow(0 10px 20px #00000014);width:auto;height:12em;transition:transform .4s cubic-bezier(.4,0,.2,1)}.logo-container:hover .logo{filter:drop-shadow(0 15px 30px #0000001f);transform:scale(1.05)rotate(-2deg)}.games-showcase{perspective:1000px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;display:grid}.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{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:25px;font-size:3rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;transform:translateZ(20px);box-shadow:0 10px 20px #00000014}.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{margin-bottom:12px;font-size:1.8rem;transform:translateZ(10px)}.game-card p{color:var(--secondary-text);margin-bottom:20px;font-size:1rem;transform:translateZ(10px)}.card-badge{color:#fff;letter-spacing:1px;text-transform:uppercase;border-radius:50px;margin-top:auto;padding:8px 20px;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)}.game-detail{padding:80px 0;position:relative}.particles{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{opacity:.12;will-change:transform,opacity;filter:drop-shadow(0 4px 8px #0000001a);animation:18s linear infinite floatUp;position:absolute}@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 pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.detail-container{background:#fffc;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:70px;display:grid;position:relative}.magazine-layout{flex-direction:column;align-items:stretch;gap:50px;padding:60px;display:flex}.game-header{grid-template-columns:2fr 1fr;align-items:start;gap:40px;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{color:var(--secondary-text);margin-bottom:16px;font-size:1.15rem;font-weight:400;line-height:1.8}.game-title{letter-spacing:-.03em;background:linear-gradient(135deg,var(--primary-text),var(--secondary-text));-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-size:4.5rem;font-weight:700;line-height:.95}.game-title-logo{border-radius:0;width:350px;max-width:100%;height:auto;margin:0 auto;display:block}#pelate .game-title-logo{filter:drop-shadow(2px 4px 6px gray)}.game-lead{color:var(--secondary-text);margin:0;font-size:1.25rem;font-weight:400;line-height:1.7}.calcetos-theme{background:linear-gradient(135deg,var(--game-calcetos),#1e88e5);color:#fff}.pelate-theme{background:linear-gradient(135deg,var(--game-pelate),#f4511e);color:#fff}.xilo-theme{background:linear-gradient(135deg,var(--game-xilo),#43a047);color:#fff}.game-stats-card{background:#ffffffe6;border-radius:20px;flex-direction:column;gap:20px;padding:30px;display:flex;position:relative;overflow:visible;box-shadow:0 8px 24px #00000014}.stats-character{filter:drop-shadow(0 10px 20px #0003);z-index:10;pointer-events:none;width:120px;animation:4s ease-in-out infinite floatCharacter;position:absolute;bottom:-40px;right:-40px}.stat-item{color:var(--primary-text);align-items:center;gap:15px;font-size:1.1rem;font-weight:700;display:flex}.stat-item i{text-align:center;width:35px;color:var(--secondary-text);font-size:1.5rem}.visual-showcase{grid-template-columns:1.5fr 1fr;align-items:start;gap:30px;display:grid}.visual-showcase-single{justify-content:center;align-items:center;display:flex}.main-visual{border-radius:24px;max-width:600px;margin:0 auto;position:relative;overflow:visible}.showcase-main{border:3px solid #ffffffe6;border-radius:24px;width:100%;height:auto;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 25px 60px #00000026,0 10px 25px #00000014}.showcase-character{filter:drop-shadow(0 15px 30px #00000040);z-index:10;width:200px;transition:all .5s cubic-bezier(.4,0,.2,1);animation:4s ease-in-out infinite floatCharacter;position:absolute}.char-left{bottom:30px;left:-50px}.char-right{bottom:30px;right:-50px}.main-visual:hover .showcase-character{animation-play-state:paused;transform:scale(1.1)rotate(5deg)}@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)}}.content-cards{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.feature-card{text-align:center;background:#fffffff2;border-radius:20px;padding:35px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #00000014}.feature-card:hover{background:#fff;transform:translateY(-8px);box-shadow:0 16px 40px #0000001f}.card-icon{color:var(--secondary-text);margin-bottom:20px;font-size:3rem;display:block}.feature-card h4{color:var(--primary-text);margin-bottom:15px;font-size:1.5rem;font-weight:700}.feature-card p{color:var(--secondary-text);margin:0;font-size:1.05rem;line-height:1.7}.game-cta{flex-wrap:wrap;justify-content:center;gap:20px;padding-top:20px;display:flex}.btn-calcetos{background:linear-gradient(135deg,var(--game-calcetos),#1e88e5);box-shadow:0 12px 30px #29b6f666}.btn-calcetos:hover{box-shadow:0 18px 45px #29b6f680}.btn-pelate{background:linear-gradient(135deg,var(--game-pelate),#f4511e);box-shadow:0 12px 30px #ff704366}.btn-pelate:hover{box-shadow:0 18px 45px #ff704380}.btn-xilo{background:linear-gradient(135deg,var(--game-xilo),#43a047);box-shadow:0 12px 30px #66bb6a66}.btn-xilo:hover{box-shadow:0 18px 45px #66bb6a80}.coming-soon-badge{color:var(--secondary-text);text-transform:uppercase;letter-spacing:.05em;cursor:default;background:linear-gradient(135deg,#9e9e9e1a,#bdbdbd1a);border:2px solid #9e9e9e4d;border-radius:50px;align-items:center;gap:10px;padding:16px 32px;font-size:1.1rem;font-weight:700;display:inline-flex}.coming-soon-badge i{font-size:1.2rem}.detail-content h2{letter-spacing:-.02em;margin-bottom:24px;font-size:3.8rem;font-weight:700;line-height:1.05}.tagline{text-transform:uppercase;letter-spacing:.15em;opacity:.85;background:#fff9;border:1px solid #fffc;border-radius:20px;margin-bottom:18px;padding:6px 16px;font-size:.8rem;font-weight:800;display:inline-block}.stats-grid{background:#ffffffb3;border:1px solid #fffc;border-radius:20px;flex-wrap:wrap;gap:24px;width:fit-content;margin-bottom:35px;padding:18px 26px;display:flex;box-shadow:0 4px 16px #0000000a}.stat{color:var(--secondary-text);letter-spacing:.01em;align-items:center;gap:10px;font-size:.95rem;font-weight:700;display:flex}.description p{color:#4a5568;letter-spacing:.01em;max-width:95%;margin-bottom:28px;font-size:1.15rem;line-height:1.85}.visual-wrapper{perspective:1000px;position:relative}.game-box-art{object-fit:cover;border:1px solid #ffffff80;width:100%;height:auto;min-height:350px;transition:all .6s cubic-bezier(.4,0,.2,1);transform:rotateY(-5deg);box-shadow:0 25px 60px #0000002e,0 10px 25px #0000001a}.visual-wrapper:hover .game-box-art{transform:rotateY(0)scale(1.03);box-shadow:0 35px 80px #00000038,0 15px 35px #0000001f}.char-floating{z-index:10;filter:drop-shadow(0 15px 25px #00000040);pointer-events:none;transition:transform .3s;animation:5s ease-in-out infinite floatChar;position:absolute}.visual-wrapper:hover .char-floating{animation-play-state:paused;transform:translateY(-20px)scale(1.05)}.char-calcetos{--r:10deg;width:180px;bottom:-40px;right:-40px;transform:rotate(10deg)}.char-pelate{--r:0deg;width:200px;bottom:-50px;left:-60px}.char-xilo{--r:15deg;width:160px;top:-40px;right:-40px;transform:rotate(15deg)}@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))}}.btn{text-transform:uppercase;cursor:pointer;color:#fff;letter-spacing:.08em;border:none;border-radius:50px;align-items:center;gap:12px;padding:16px 38px;font-size:.95rem;font-weight:800;transition:all .4s cubic-bezier(.4,0,.2,1);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:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff4d 0%,#0000 50%,#ffffff4d 100%) 0 0/200% 200%;border-radius:50px;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.btn:hover:before{opacity:1;animation:2s infinite shimmer}.btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.btn:hover:after{left:100%}#calcetos h2,#calcetos .tagline,#calcetos .stat i{color:var(--game-calcetos)}#calcetos .btn{background:linear-gradient(135deg,var(--game-calcetos),#1e88e5);box-shadow:0 12px 30px #5fbbe373,0 4px 12px #1e88e533}#pelate h2,#pelate .tagline,#pelate .stat i{color:var(--game-pelate)}#pelate .btn{background:linear-gradient(135deg,var(--game-pelate),#f4511e);box-shadow:0 12px 30px #ff8c4273,0 4px 12px #f4511e33}.bg-pelate{background-image:repeating-linear-gradient(45deg,#0000,#0000 20px,#ff8c4208 20px 40px)}#xilofagos h2,#xilofagos .tagline,#xilofagos .stat i{color:var(--game-xilo)}#xilofagos .btn{background:linear-gradient(135deg,var(--game-xilo),#43a047);box-shadow:0 12px 30px #4caf5073,0 4px 12px #43a04733}.community-section{padding:50px 0 80px}.community-layout{grid-template-columns:1fr .8fr;gap:0;display:grid;overflow:hidden}.newsletter-box{z-index:2;padding:70px;position:relative}.newsletter-box h2{letter-spacing:-.01em;margin-bottom:16px;font-size:2.8rem;font-weight:700}.newsletter-box p{color:var(--secondary-text);letter-spacing:.01em;margin-bottom:35px;font-size:1.1rem;line-height:1.8}.form-group{flex-wrap:wrap;gap:10px;display:flex}.email-input{background:#fff;border:2px solid #fffc;border-radius:50px;flex:1;min-width:200px;padding:16px 28px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000000f,inset 0 2px 4px #00000008}.email-input:focus{border-color:var(--game-pelate);transform:translateY(-1px);box-shadow:0 6px 20px #ff704333,inset 0 2px 4px #00000008}.sub-btn{background:linear-gradient(135deg,var(--primary-text),#2d3748);color:#fff;cursor:pointer;letter-spacing:.05em;border:none;border-radius:50px;padding:16px 38px;font-weight:800;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #1a202c40}.sub-btn:hover{background:linear-gradient(135deg,var(--game-pelate),#f4511e);transform:translateY(-3px)scale(1.02);box-shadow:0 12px 28px #ff704359}.form-success{color:var(--game-xilo);background:#66bb6a1a;border:2px solid #66bb6a4d;border-radius:50px;align-items:center;gap:12px;margin-top:20px;padding:16px 24px;font-size:1.05rem;font-weight:700;animation:.6s cubic-bezier(.4,0,.2,1) fadeIn;display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.photo-pile{background:#fff6;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.polaroid{cursor:pointer;background:#fff;border:1px solid #0000000d;width:180px;padding:12px 12px 40px;transition:all .5s cubic-bezier(.25,.8,.25,1);position:absolute;box-shadow:0 8px 24px #0000001f,0 3px 8px #00000014}.polaroid:hover{box-shadow:0 16px 40px #0003,0 6px 16px #0000001f;z-index:10!important;transform:scale(1.08)rotate(0)!important}.polaroid img{object-fit:cover;border-radius:2px;width:100%;height:160px}.polaroid:after{content:"";background:#0000001a;border-radius:1px;width:40px;height:2px;position:absolute;bottom:8px;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)}}footer{text-align:center;background:#f8f9fa;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;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%}@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)}}.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:#f8f9fa;border-radius:50% 50% 0 0/100% 100% 0 0;width:100%;height:100%;position:absolute;bottom:0;left:0}.contact-section{padding:80px 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{filter:drop-shadow(0 10px 20px #00000026);width:100%;height:auto;transform:scaleX(-1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.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{color:var(--primary-text);background:linear-gradient(135deg,var(--game-xilo),#2e7d32);-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;font-size:2.5rem}.contact-info>p{color:var(--secondary-text);margin-bottom:30px;font-size:1.1rem;line-height:1.7}.contact-details{flex-direction:column;gap:15px;display:flex}.contact-item{color:var(--secondary-text);align-items:center;gap:12px;font-size:1rem;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 .3s}.contact-item a:hover{color:var(--game-xilo)}.contact-form-box{background:#fff9;border:1px solid #66bb6a33;border-radius:24px;padding:35px;box-shadow:0 10px 40px #66bb6a1a}.contact-form{flex-direction:column;gap:20px;display:flex}.form-field{flex-direction:column;gap:8px;display:flex}.form-field label{color:var(--primary-text);font-size:.95rem;font-weight:600}.form-field input,.form-field textarea{background:#ffffffe6;border:2px solid #00000014;border-radius:12px;padding:14px 18px;font-family:inherit;font-size:1rem;transition:all .3s}.form-field input:focus,.form-field textarea:focus{border-color:var(--game-xilo);outline:none;box-shadow:0 0 0 4px #66bb6a26}.form-field textarea{resize:vertical;min-height:120px}.btn-contact{background:linear-gradient(135deg,var(--game-xilo),#43a047);color:#fff;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-self:flex-start;align-items:center;gap:10px;padding:16px 32px;font-size:1.1rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #66bb6a4d}.btn-contact:hover{transform:translateY(-3px);box-shadow:0 10px 30px #66bb6a66}@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%}}.container{z-index:1;position:relative}.modal-overlay{backdrop-filter:blur(8px);z-index:9999;opacity:0;visibility:hidden;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:#fffffff2;border-radius:32px;width:90%;max-width:700px;max-height:85vh;padding:50px 40px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow-y:auto;transform:scale(.9)translateY(30px);box-shadow:0 30px 80px #0000004d}.modal-overlay.active .modal-content{transform:scale(1)translateY(0)}.modal-close{cursor:pointer;width:45px;height:45px;color:var(--secondary-text);z-index:10;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;transition:all .3s;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{color:var(--primary-text);margin-bottom:12px;font-family:Fredoka,sans-serif;font-size:2.5rem;font-weight:700}.modal-header p{color:var(--secondary-text);margin:0;font-size:1.1rem}.store-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-height:none;display:grid}.store-card{cursor:pointer;aspect-ratio:1;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014}.store-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:all .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{object-fit:contain;width:100%;height:auto;max-height:70%;transition:transform .3s}.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}.store-icon{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:60px;min-width:60px;height:60px;font-size:1.8rem;display:flex;box-shadow:0 4px 12px #0000001a}.store-info{flex:1}.store-info h4{color:var(--primary-text);margin-bottom:4px;font-size:1.2rem;font-weight:700}.store-info p{color:var(--secondary-text);margin:0;font-size:.9rem}.store-arrow{color:var(--secondary-text);opacity:.5;font-size:1.2rem;transition:all .3s}.store-card:hover .store-arrow{opacity:1;transform:translate(5px)}.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;text-align:center;background-color:#000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1em;padding:1em;font-family:Nunito,sans-serif;font-size:1rem;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<=768px){.video-modal-content{width:95%;padding:20px}.video-modal-content .modal-header h3{font-size:1.4rem}}.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);background:#fff;border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px #00000014}.social-btn:hover{background:linear-gradient(135deg,var(--game-pelate),#f4511e);color:#fff;transform:translateY(-6px)scale(1.08);box-shadow:0 10px 28px #ff704366}@media (width<=900px){.nav-links{display:none}.hamburger{display:flex}.hero-grid{text-align:center;grid-template-columns:1fr;gap:40px}.hero-content{text-align:center;margin-bottom:0}.hero-subtitle{margin:0 auto}.hero-title{font-size:3rem}.detail-container{text-align:center;grid-template-columns:1fr;gap:50px;padding:50px 30px}.detail-container .visual-wrapper{order:-1;margin-bottom:40px}.magazine-layout{gap:40px;padding:40px 25px}.game-header{grid-template-columns:1fr;gap:30px}.game-title{font-size:3.2rem}.game-title-logo{width:280px}.game-lead{font-size:1.1rem}.game-description p{font-size:1.05rem}.visual-showcase{grid-template-columns:1fr;gap:25px}.visual-showcase-single{width:100%}.main-visual{max-width:100%}.showcase-character{width:150px}.char-left{bottom:-20px;left:-30px}.char-right{bottom:-20px;right:-30px}.content-cards{grid-template-columns:1fr;gap:20px}.char-calcetos{width:140px;bottom:-20px;right:-10px}.char-pelate{width:150px;bottom:-30px;left:-20px}.char-xilo{width:120px;top:-20px;right:-10px}.stats-grid{justify-content:center;margin:0 auto 30px}.community-layout{grid-template-columns:1fr}.photo-pile{min-height:250px;padding:40px}.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){.hero-title{font-size:2.5rem}.hero{padding-top:140px}.form-group{flex-direction:column}.sub-btn{width:100%}.about-section{margin-top:50px;padding:40px 25px}.about-content h2{font-size:2rem}.about-content p{font-size:1rem}.newsletter-box{padding:40px 30px}.newsletter-box h2{font-size:2.2rem}.newsletter-box p{font-size:1rem}.magazine-layout{gap:30px;padding:30px 20px}.game-title{font-size:2.5rem}.game-title-logo{width:220px}.game-lead{font-size:1rem}.game-stats-card{gap:15px;padding:20px}.stats-character{width:100px;bottom:-30px;right:-20px}.stat-item{font-size:1rem}.stat-item i{width:30px;font-size:1.3rem}.showcase-character{width:120px}.char-left,.char-right{bottom:-15px;left:-20px}.char-right{left:auto;right:-20px}.gallery-label{padding:10px;font-size:.8rem}.feature-card{padding:25px}.card-icon{margin-bottom:15px;font-size:2.5rem}.feature-card h4{margin-bottom:12px;font-size:1.3rem}.feature-card p{font-size:.95rem}.modal-content{width:95%;padding:40px 25px}.modal-header h3{font-size:2rem}.modal-header p{font-size:1rem}.store-grid{grid-template-columns:repeat(3,1fr);gap:15px}.store-card{gap:8px;padding:15px 10px}.store-logo{max-height:65%}.store-name{font-size:.7rem;line-height:1.1}.coming-soon-badge{gap:8px;padding:12px 24px;font-size:.9rem}.coming-soon-badge i{font-size:1rem}.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%}}@media (prefers-reduced-motion:reduce){.blob,.particle,.char-floating{animation:none}.reveal{opacity:1;transition:none;transform:none}.game-card{transition:none}}.skip-link{background:var(--primary-text);color:#fff;z-index:10000;border-radius:0 0 8px;padding:12px 24px;font-weight:700;transition:top .3s;position:absolute;top:-100px;left:0}.skip-link:focus{top:0}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.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),#f4511e);color:#fff;cursor:pointer;opacity:0;visibility:hidden;z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:30px;right:30px;transform:translateY(20px);box-shadow:0 8px 25px #ff704366}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-5px)scale(1.1);box-shadow:0 12px 35px #ff704380}.nav-links a.active{color:var(--game-pelate)}.nav-links a.active:after{width:100%}header.scrolled nav{background:#ffffffeb;box-shadow:0 8px 32px #0000001a}.game-title{background:linear-gradient(135deg,var(--primary-text),var(--secondary-text),var(--game-calcetos));-webkit-text-fill-color:transparent;background-clip:text}#calcetos .game-title{background:linear-gradient(135deg,var(--game-calcetos),#1e88e5,#0d47a1);-webkit-text-fill-color:transparent;background-clip:text}#pelate .game-title{background:linear-gradient(135deg,var(--game-pelate),#f4511e,#bf360c);-webkit-text-fill-color:transparent;background-clip:text}#xilofagos .game-title{background:linear-gradient(135deg,var(--game-xilo),#43a047,#1b5e20);-webkit-text-fill-color:transparent;background-clip:text}.showcase-main{transition:all .5s cubic-bezier(.4,0,.2,1)}.showcase-main:hover{transform:scale(1.05)translateY(-8px);box-shadow:0 40px 80px #00000040,0 20px 40px #00000026}@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}}.about-cta .btn{animation:2s infinite pulse-glow}.about-cta .btn:hover{animation:none}.content-cards .feature-card{opacity:0;animation:.6s cubic-bezier(.4,0,.2,1) forwards staggeredReveal;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}@keyframes staggeredReveal{to{opacity:1;transform:translateY(0)}}.feature-card:hover{transform:translateY(-12px);box-shadow:0 20px 50px #00000026,0 8px 20px #0000001a}@keyframes modalEntrance{0%{opacity:0;transform:scale(.85)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-overlay.active .modal-content{animation:.4s cubic-bezier(.4,0,.2,1) forwards modalEntrance}.social-btn:hover{box-shadow:0 0 20px #ff704399,0 10px 28px #ff704366}.footer-char{transition:transform .4s cubic-bezier(.4,0,.2,1),filter .4s}.footer-char:hover{filter:drop-shadow(0 15px 30px #00000040);animation-play-state:paused;transform:translateY(-15px)scale(1.1)rotate(5deg)}.hamburger,button.logo-container{background:0 0;border:none}@media (width<=600px){.back-to-top{width:45px;height:45px;font-size:1rem;bottom:20px;right:20px}}.testimonials-section{background:linear-gradient(#0000,#a0e7e51a,#0000);padding:80px 0}.section-title{text-align:center;color:var(--primary-text);margin-bottom:15px;font-size:2.8rem}.section-subtitle{text-align:center;color:var(--secondary-text);margin-bottom:50px;font-size:1.15rem}.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);background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;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{text-align:center;opacity:0;pointer-events:none;z-index:0;grid-area:stack;width:100%;padding:40px;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);transform:scale(.9)}.testimonial-card.active{opacity:1;pointer-events:auto;z-index:1;transform:scale(1)}.testimonial-stars{justify-content:center;gap:6px;margin-bottom:25px;display:flex}.testimonial-stars i{color:gold;font-size:1.3rem}.testimonial-text{color:var(--primary-text);margin-bottom:30px;font-size:1.25rem;font-style:italic;line-height:1.8}.testimonial-author{justify-content:center;align-items:center;gap:15px;display:flex}.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 h4{color:var(--primary-text);margin-bottom:4px;font-size:1.1rem}.author-info span{color:var(--secondary-text);font-size:.9rem}.testimonial-dots{justify-content:center;gap:12px;margin-top:30px;display:flex}.dot{cursor:pointer;background:#00000026;border:none;border-radius:50%;width:12px;height:12px;transition:all .3s}.dot.active{background:var(--game-pelate);transform:scale(1.2)}.dot:hover{background:var(--game-pelate)}@media (width<=900px){.testimonials-slider{flex-direction:column}.slider-btn{display:none}}@media (width<=600px){.section-title{font-size:2rem}.testimonial-card{padding:30px 20px}.testimonial-text{font-size:1.1rem}}
/*# sourceMappingURL=path0.fb8cc6fe.css.map */