:root{--lavanda:#E6DAF5;--purpura-oscuro:#4B0082;--purpura-vibrante:#8A2BE2;--violeta-claro-hover:rgba(230,218,245,.8);--blanco:#fff;--bg-cards:#f8f4ff;--lavanda-linea:#9370DB;--hover-text-color:#7B1FA2;--footer-hover-text:#E6DAF5}*{margin:0;padding:0;box-sizing:border-box;font-family:'Montserrat',sans-serif}body{background-color:var(--blanco);color:var(--purpura-oscuro);line-height:1.6;overflow-x:hidden;position:relative}.container{width:90%;max-width:1200px;margin:0 auto}.lowpoly-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.08;pointer-events:none}header{background-color:rgba(255,255,255,.98);padding:10px 0;box-shadow:0 4px 0 var(--purpura-vibrante);position:fixed;width:100%;top:0;z-index:1000;overflow:hidden;animation:slideDown .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}.header-content{display:flex;justify-content:space-between;align-items:center}.logo-container{display:flex;align-items:center;gap:12px;flex-shrink:0}.logo{height:50px;width:auto;flex-shrink:0}.logo-text{font-weight:900;font-size:1.5rem;color:var(--purpura-oscuro);letter-spacing:-1px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}nav ul{display:flex;list-style:none;gap:15px;margin:0;padding:0}.nav-item{position:relative;padding:5px 12px;transition:transform .1s cubic-bezier(.68,-.55,.265,1.55)}.nav-item a{text-decoration:none;color:var(--purpura-oscuro);font-weight:700;text-transform:uppercase;font-size:.9rem;position:relative;z-index:2;transition:.2s}.nav-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--lavanda);z-index:1;opacity:0;transition:opacity .15s ease}.nav-item:not(:hover)::before{transition:opacity 0s!important}@media (hover:hover){.nav-item:hover{transform:scale(1.05)}.nav-item:hover::before{opacity:1;animation:pixelateIn .2s steps(4)}.nav-item:hover a{color:var(--hover-text-color)!important}.social-links a:hover{background:var(--lavanda-linea);transform:translateY(-3px);box-shadow:0 4px 10px rgba(147,112,219,.4)}}@keyframes pixelateIn{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}.nav-item:active::before{opacity:1!important}.nav-item:active a{color:var(--hover-text-color)!important}.nav-item:active{transform:scale(.95)!important}.social-links a:active{background:var(--lavanda-linea)!important;transform:translateY(-3px)!important}#language-selector{padding:4px 8px;border:2px solid var(--purpura-oscuro);background:#fff;font-weight:700;color:var(--purpura-oscuro);cursor:pointer;outline:none;clip-path:polygon(0 0,90% 0,100% 30%,100% 100%,10% 100%,0 70%);transition:transform .1s}#language-selector:hover{transform:scale(1.05)}.hero{background:linear-gradient(90deg,var(--lavanda) 0,var(--lavanda) 85%,#dac5eb 85%,#dac5eb 90%,#ceafe1 90%,#ceafe1 95%,#c8a4dc 95%,#c8a4dc 100%);text-align:center;padding:160px 0 100px;position:relative;overflow:hidden}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:1;animation:scanlineMove 8s linear infinite}@keyframes scanlineMove{0%{transform:translateY(0)}100%{transform:translateY(100px)}}.hero-polygons{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.hero-polygons::before,.hero-polygons::after{content:'';position:absolute;background:var(--purpura-vibrante);opacity:.15;clip-path:polygon(50% 0,0 100%,100% 100%);animation:floatTriangle 15s ease-in-out infinite}.hero-polygons::before{width:120px;height:120px;top:15%;left:10%}.hero-polygons::after{width:90px;height:90px;top:60%;right:15%;animation-delay:-7s}@keyframes floatTriangle{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(40px,-40px) rotate(90deg)}50%{transform:translate(80px,0) rotate(180deg)}75%{transform:translate(40px,40px) rotate(270deg)}}.hero .container{position:relative;z-index:2}.hero h1{font-size:2.8rem;font-weight:900;color:var(--purpura-oscuro);text-transform:uppercase;margin-bottom:25px;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero p{font-size:1.15rem;max-width:850px;margin:0 auto 40px;color:var(--purpura-oscuro);font-weight:500;animation:fadeInUp 1s ease-out .2s backwards}.games{background:linear-gradient(90deg,var(--lavanda) 0,var(--lavanda) 85%,#dac5eb 85%,#dac5eb 90%,#ceafe1 90%,#ceafe1 95%,#c8a4dc 95%,#c8a4dc 100%);padding-bottom:100px;text-align:center;position:relative}.physical{background:linear-gradient(90deg,var(--blanco) 0,var(--blanco) 85%,#ebebeb 85%,#ebebeb 90%,#d6d6d6 90%,#d6d6d6 95%,#ccc 95%,#ccc 100%);padding:100px 0;text-align:center}.about{background:linear-gradient(90deg,var(--blanco) 0,var(--blanco) 85%,#ebebeb 85%,#ebebeb 90%,#d6d6d6 90%,#d6d6d6 95%,#ccc 95%,#ccc 100%);padding:100px 0;text-align:center}h2{font-size:2.5rem;font-weight:900;text-transform:uppercase;margin-bottom:20px}.section-desc{max-width:800px;margin:0 auto 50px}.btn{background:var(--purpura-oscuro);color:#fff;padding:12px 30px;text-decoration:none;font-weight:900;text-transform:uppercase;display:inline-block;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);border:none;margin-top:15px;position:relative;box-shadow:5px 5px 0 var(--purpura-vibrante);opacity:0;transform:translateY(30px)}.btn.loaded{opacity:1!important;transform:translateY(0)!important;animation:fadeInUpOnce 1s ease-out forwards}@keyframes fadeInUpOnce{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn:hover{background:var(--purpura-vibrante);transform:translate(-3px,-3px) scale(1.05)!important;box-shadow:8px 8px 0 var(--purpura-vibrante)}.btn:active{transform:translate(2px,2px)!important;box-shadow:2px 2px 0 var(--purpura-vibrante)}.games-grid,.physical-items{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:40px}.game-card,.physical-item{width:280px;background:var(--bg-cards);padding:35px 25px;border:4px solid var(--purpura-oscuro);box-shadow:8px 8px 0 var(--purpura-vibrante);position:relative;overflow:hidden;clip-path:polygon(0 0,95% 0,100% 5%,100% 100%,5% 100%,0 95%);opacity:0;transform:scale(.3);transition:transform .3s ease,box-shadow .3s ease,border-width .3s ease}.game-card.visible,.physical-item.visible{opacity:1!important;transform:scale(1)!important;animation:zoomInOnce .5s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes zoomInOnce{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.card-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:rotate(45deg);transition:left .6s ease;pointer-events:none;z-index:10}.game-card.visible:hover,.physical-item.visible:hover{transform:translate(-4px,-4px) scale(1.03)!important;box-shadow:12px 12px 0 var(--purpura-vibrante),0 15px 30px rgba(75,0,130,.3)}.game-card.visible:hover .card-shine,.physical-item.visible:hover .card-shine{left:150%}.game-card.visible:active,.physical-item.visible:active{transform:translate(2px,2px) scale(.98)!important;box-shadow:3px 3px 0 var(--purpura-vibrante)}.game-icon{font-size:3rem;margin-bottom:15px;display:block;filter:drop-shadow(3px 3px 0 var(--purpura-vibrante));animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.game-card h3,.physical-item h3{text-shadow:2px 2px 0 var(--lavanda-linea)}.platforms{display:flex;justify-content:center;gap:8px;margin-top:15px}.platform{background:var(--lavanda);padding:3px 8px;font-size:.7rem;font-weight:900;border:2px solid var(--purpura-oscuro);clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);transition:transform .2s}.platform:hover{transform:scale(1.1);background:var(--purpura-vibrante);color:#fff}footer{background-color:var(--purpura-oscuro);color:#fff;padding:60px 0 20px;text-align:left;position:relative;overflow:hidden}.footer-social-top{text-align:left;margin-bottom:20px}.footer-social-top h3{font-weight:900;text-transform:uppercase;margin-bottom:20px;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.footer-divider{border:0;height:2px;background:var(--lavanda-linea);margin:20px 0 40px;opacity:1;box-shadow:0 2px 4px rgba(147,112,219,.4)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:40px}.footer-section h3{margin-bottom:20px;font-weight:900;text-transform:uppercase;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.footer-section p,.footer-section a{color:#fff;text-decoration:none;display:block;margin-bottom:10px;font-size:.9rem}.copyright{border-top:2px solid var(--lavanda-linea);padding-top:20px;text-align:center;font-size:.8rem}.social-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}.social-links a{width:40px;height:40px;background:#4B0082;color:#fff!important;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .05s ease-out;font-size:18px;text-decoration:none;border:2px solid var(--lavanda-linea);box-shadow:0 0 5px rgba(147,112,219,.3)}.desktop-nav{display:flex;align-items:center;gap:20px;flex-shrink:0}.mobile-nav-container{display:none}.hamburger-btn{background:none;border:2px solid var(--purpura-oscuro);cursor:pointer;padding:8px;font-size:1.8rem;color:var(--purpura-oscuro);transition:.2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.hamburger-btn:active{background:var(--lavanda);transform:scale(.9)}.hamburger-icon{font-weight:900;line-height:1}.mobile-menu{position:fixed;top:70px;left:0;width:100%;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.1);z-index:999;transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55),opacity .3s ease;padding:20px 0;border-bottom:4px solid var(--purpura-oscuro)}.mobile-menu.active{transform:translateY(0);opacity:1;visibility:visible}.mobile-menu nav ul{flex-direction:column;gap:0;text-align:center}.mobile-menu .nav-item{padding:15px 20px;border-bottom:2px solid var(--lavanda)}.mobile-menu .nav-item:last-child{border-bottom:none}.mobile-menu .nav-item a{font-size:1rem;display:block}.mobile-language-selector-menu{margin-top:20px;text-align:center;padding:0 20px}.mobile-language-selector-menu select{padding:8px 12px;border:2px solid var(--purpura-oscuro);background:#fff;font-weight:700;color:var(--purpura-oscuro);cursor:pointer;outline:none;width:100%;max-width:200px;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%)}.mobile-language-selector-header{display:none}.mobile-language-selector-header select{padding:4px 8px;border:2px solid var(--purpura-oscuro);background:#fff;font-weight:700;color:var(--purpura-oscuro);cursor:pointer;outline:none;font-size:.9rem;flex-shrink:0;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.footer-nav-container{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-nav-item{position:relative;display:inline-flex;text-decoration:none;padding:5px 10px;margin:0;align-items:center;justify-content:flex-start;transition:transform .2s}.footer-nav-link{color:#fff;font-size:.9rem;position:relative;z-index:2;transition:.2s;display:inline-block;white-space:nowrap;padding:0}.footer-nav-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.15);z-index:1;opacity:0;transition:opacity .15s ease}.footer-nav-item:not(:hover)::before{transition:opacity 0s!important}@media (hover:hover){.footer-nav-item:hover{transform:translateX(5px)}.footer-nav-item:hover::before{opacity:1;background:rgba(255,255,255,.2)}.footer-nav-item:hover .footer-nav-link{color:var(--lavanda)!important}}.footer-nav-item:active::before{opacity:1!important;background:rgba(255,255,255,.25)}.footer-nav-item:active .footer-nav-link{color:var(--lavanda)!important}header::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../img/backgrounds/header-background.jpg');background-size:cover;background-position:center;opacity:.1;z-index:-1}footer{position:relative;overflow:hidden;background-color:transparent!important}footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--purpura-oscuro);background-image:url('../img/backgrounds/footer-background.jpg');background-size:cover;background-position:center;background-blend-mode:overlay;opacity:.25;z-index:-1}footer::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--purpura-oscuro);z-index:-2}header .container,footer .container{position:relative;z-index:1}#cc-main .cm,#cc-main .pm{border-radius:0!important;border:3px solid var(--purpura-oscuro)!important;box-shadow:8px 8px 0 var(--purpura-vibrante)!important}#cc-main .c-bn--primary{background-color:var(--purpura-oscuro)!important;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%)!important}#cc-main .c-bn--secondary{background-color:var(--lavanda)!important;color:var(--purpura-oscuro)!important;border:2px solid var(--purpura-oscuro)!important}@media (max-width:768px){.header-content{flex-direction:row;gap:8px;justify-content:space-between;align-items:center;padding:5px 0}.logo-container{gap:8px;flex-shrink:1;min-width:0}.logo{height:40px;width:auto}.logo-text{font-size:1.1rem;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.desktop-nav{display:none!important}.mobile-nav-container{display:flex;align-items:center;gap:8px;flex-shrink:0}.mobile-language-selector-header{display:block;flex-shrink:0}.mobile-language-selector-menu{display:none}.hero{padding:200px 0 80px!important}.hero h1{font-size:2rem}.footer-social-top{text-align:left}.social-links{display:grid;grid-template-columns:repeat(4,40px);gap:12px;justify-content:start}.nav-item:hover::before{opacity:0!important}.social-links a:hover{background:#4B0082!important;transform:none!important;box-shadow:none!important}.mobile-language-selector-header select{padding:3px 6px;font-size:.8rem;max-width:60px}.hamburger-btn{width:36px;height:36px;padding:6px;font-size:1.5rem}header{padding:8px 0;min-height:60px}.footer-nav-item{padding:4px 8px}.footer-nav-link{font-size:.85rem}.game-card,.physical-item{width:100%;max-width:320px}.games-grid,.physical-items{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:20px;padding:20px 0;justify-content:flex-start;flex-wrap:nowrap;scrollbar-width:thin;scrollbar-color:var(--purpura-vibrante) var(--lavanda)}.games-grid::-webkit-scrollbar-track,.physical-items::-webkit-scrollbar-track{background:var(--lavanda)}.games-grid::-webkit-scrollbar-thumb,.physical-items::-webkit-scrollbar-thumb{background:var(--purpura-vibrante);border-radius:4px}.game-card,.physical-item{flex:0 0 280px;scroll-snap-align:center}}@media (max-width:480px){.logo-text{font-size:1rem;letter-spacing:-.3px}.logo{height:35px}.mobile-language-selector-header select{font-size:.75rem;padding:2px 4px;max-width:55px}.hamburger-btn{width:32px;height:32px;font-size:1.3rem}.header-content{gap:6px}.mobile-nav-container{gap:6px}h2{font-size:2rem}}@media (min-width:769px){.hamburger-btn,.mobile-menu,.mobile-language-selector-header,.mobile-language-selector-menu{display:none!important}.desktop-nav{display:flex!important;align-items:center;gap:20px}.desktop-only{display:block!important}}