:root{--tema: #2587EB;--tema-glow: rgba(37, 136, 235, .301);--tema-bg: rgba(37, 135, 235, .05);--tema-pro: #FFD700;--tema-pro-glow: rgba(255, 215, 0, .4);--fondo: #050505;--texto-principal: #ffffff;--texto-secundario: #a1a1aa;--border: 1px solid rgba(255,255,255,.08);--nav-bg: rgba(5, 5, 5, .85);--footer-bg: #080808;--nav-height: 80px}nav{display:flex;justify-content:space-between;align-items:center;padding:0 4%;height:var(--nav-height);background:var(--nav-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:var(--border);position:sticky;top:0;z-index:1000;box-shadow:0 4px 30px #00000080;transition:background .3s,border-bottom .3s}.nav-left{display:flex;align-items:center;z-index:1001}.brand-container{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-logo-img{height:42px;width:auto;filter:drop-shadow(0 0 10px var(--tema-glow));transition:.3s}.brand-container:hover .brand-logo-img{transform:scale(1.05)}.brand-text{font-weight:900;font-size:1.4rem;color:var(--texto-principal);letter-spacing:-.5px;font-family:Inter,sans-serif}.brand-text span{color:var(--tema)}.nav-center{display:flex;gap:22px;align-items:center;flex:1;justify-content:center}.nav-item{text-decoration:none;color:var(--texto-secundario);font-weight:600;font-size:.95rem;transition:.3s ease;position:relative;padding:8px 0;font-family:Inter,sans-serif}.nav-item:hover,.nav-item.active{color:var(--texto-principal)}.nav-item.active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:var(--tema);box-shadow:0 0 10px var(--tema-glow);border-radius:5px}.nav-btn-games{display:flex;align-items:center;gap:8px;background:var(--tema-bg);border:1px solid var(--tema-glow);padding:8px 18px;border-radius:50px;color:var(--tema);font-weight:700;font-size:.9rem;text-decoration:none;transition:.3s;font-family:Inter,sans-serif}.nav-btn-games:hover{background:var(--tema);color:#fff;box-shadow:0 0 20px var(--tema-glow);transform:translateY(-2px)}.nav-item.ai-link{background:linear-gradient(135deg,var(--texto-principal) 0%,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;font-size:.95rem;font-family:Inter,sans-serif}.pro-link{background:linear-gradient(90deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900!important;border:1px solid rgba(255,215,0,.3);padding:6px 14px!important;border-radius:10px;transition:.3s;display:flex;align-items:center;gap:5px;text-decoration:none;font-size:.95rem;font-family:Inter,sans-serif}.pro-link:hover{border-color:var(--tema-pro);transform:scale(1.05);filter:drop-shadow(0 0 8px var(--tema-pro-glow))}.nav-right{display:flex;align-items:center;gap:15px;z-index:1001}#navAuth{display:flex;align-items:center;gap:12px}.user-pill{display:flex;align-items:center;gap:10px;cursor:pointer;padding:5px 16px 5px 5px;border-radius:50px;background:#8080801a;border:var(--border);transition:.3s;text-decoration:none;color:var(--texto-principal)}.user-pill:hover{border-color:var(--tema);background:var(--tema-bg)}.user-pill img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--tema)}.user-name-span{font-size:.9rem;font-weight:700;font-family:Inter,sans-serif}.btn-logout{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;font-size:1.1rem}.btn-logout:hover{background:#ef4444;color:#fff;box-shadow:0 0 15px #ef444480;transform:rotate(10deg)}.menu-toggle{display:none;background:#8080801a;border:var(--border);color:var(--texto-principal);font-size:1.2rem;cursor:pointer;width:45px;height:45px;border-radius:12px;transition:.3s}.menu-toggle:hover{background:var(--tema-bg);border-color:var(--tema)}.mobile-nav{position:fixed;top:0;right:-100%;width:80%;max-width:350px;height:100vh;background:var(--nav-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-left:var(--border);z-index:2000;padding:100px 30px;display:flex;flex-direction:column;gap:20px;transition:.4s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif}.mobile-nav.active{right:0;box-shadow:-20px 0 50px #000c}.mobile-nav a{text-decoration:none;color:var(--texto-principal);font-size:1.2rem;font-weight:700;padding:10px 15px;border-radius:12px;transition:.3s;display:flex;align-items:center;gap:10px}.mobile-nav a:hover{background:var(--tema-bg);padding-left:20px;color:var(--tema)}@media (max-width: 1100px){.nav-center{display:none}.menu-toggle{display:flex;align-items:center;justify-content:center}.user-name-span{display:none}.btn-logout{margin-left:5px}}footer{background:var(--footer-bg);border-top:var(--border);padding:60px 5% 30px;margin-top:auto;font-family:Inter,sans-serif}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}.footer-brand-section{flex:1;min-width:250px;max-width:350px}.footer-logo{color:var(--texto-principal);font-size:1.5rem;font-weight:900;margin:0 0 15px;letter-spacing:-.5px}.footer-logo span{color:var(--tema)}.footer-desc{color:var(--texto-secundario);font-size:.95rem;line-height:1.6;margin-bottom:20px}.social-links{display:flex;gap:15px}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#8080801a;color:var(--texto-principal);text-decoration:none;transition:.3s;border:var(--border)}.social-links a:hover{background:var(--tema);border-color:var(--tema);transform:translateY(-3px);box-shadow:0 5px 15px var(--tema-glow);color:#fff}.footer-links-section{display:flex;flex-wrap:wrap;gap:60px}.footer-col{display:flex;flex-direction:column;min-width:120px}.footer-col h4{color:var(--texto-principal);font-size:1.05rem;font-weight:800;margin:0 0 20px}.footer-col a{color:var(--texto-secundario);text-decoration:none;font-size:.9rem;margin-bottom:12px;transition:.3s;font-weight:500}.footer-col a:hover{color:var(--tema);transform:translate(5px)}.footer-bottom{max-width:1200px;margin:50px auto 0;padding-top:25px;border-top:var(--border);text-align:center;color:var(--texto-secundario);font-size:.85rem;font-weight:500}@media (max-width: 768px){.footer-container{flex-direction:column;gap:30px}.footer-links-section{gap:40px}}