*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0d0d0d);color:#0f0;font-family:Courier New,Monaco,Consolas,monospace;line-height:1.6;min-height:100vh;position:relative}body:before{background:radial-gradient(circle at 20% 50%,#00ff0008 0,#0000 50%),radial-gradient(circle at 80% 20%,#00ff0008 0,#0000 50%),radial-gradient(circle at 40% 80%,#00ff0005 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;z-index:-1}body:before,header{position:fixed;top:0;width:100%}header{background:linear-gradient(135deg,#000,#1a1a1a 50%,#000);border-bottom:2px solid #0f0;box-shadow:0 2px 20px #00ff004d;color:#0f0;padding:1rem 0;z-index:1000}nav{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.logo,nav{align-items:center;display:flex}.logo{color:#fff;font-size:1.8rem;font-weight:700;text-decoration:none}.logo img{height:40px;margin-right:10px}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{border:1px solid #0000;color:#0f0;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-links a:hover{background:#00ff001a;border:1px solid #0f0;box-shadow:0 0 10px #00ff0080;color:#fff}.language-switcher{background:#000c;border:1px solid #0f0;border-radius:5px;padding:.5rem;position:fixed;right:20px;top:20px;z-index:1001}.language-switcher select{background:#1a1a1a;border:1px solid #0f0;color:#0f0;font-family:Courier New,monospace;font-size:.9rem;padding:.3rem}.language-switcher select:focus{box-shadow:0 0 10px #00ff004d;outline:none}main{margin-top:80px;min-height:calc(100vh - 80px)}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.hero{background:linear-gradient(135deg,#000,#1a1a1a 50%,#000);color:#0f0;overflow:hidden;padding:6rem 0;position:relative;text-align:center}.hero:before{animation:matrixScan 10s linear infinite;background:linear-gradient(45deg,#0000 30%,#00ff000d 50%,#0000 70%),linear-gradient(-45deg,#0000 30%,#00ff0008 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes matrixScan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.hero h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 20px #00ff0080}.hero p{color:#ccc;font-size:1.3rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-button{background:#0000;border:2px solid #0f0;box-shadow:0 0 20px #00ff004d;color:#0f0;display:inline-block;font-size:1.1rem;font-weight:700;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.cta-button:before{background:linear-gradient(90deg,#0000,#0f03,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.cta-button:hover:before{left:100%}.cta-button:hover{background:#00ff001a;box-shadow:0 0 30px #0f09;color:#fff;transform:translateY(-2px)}.services{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0d0d0d);padding:5rem 0;position:relative}.section-title{color:#0f0;font-size:2.5rem;margin-bottom:3rem;text-align:center;text-shadow:0 0 20px #00ff0080}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.service-card{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid #0f0;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.service-card:before{background:linear-gradient(45deg,#0000 30%,#00ff000d 50%,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.service-card:hover:before{opacity:1}.service-card:hover{border-color:#fff;box-shadow:0 10px 30px #00ff004d;transform:translateY(-5px)}.service-icon{color:#0f0;font-size:3rem;margin-bottom:1rem;text-shadow:0 0 10px #00ff0080}.service-card h3{color:#0f0;font-size:1.5rem;margin-bottom:1rem;text-shadow:0 0 10px #00ff004d}.service-card p{color:#ccc;line-height:1.6}.twitch-series{background:linear-gradient(135deg,#0d0d0d,#1a1a1a 50%,#0a0a0a);padding:5rem 0;position:relative}.series-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.series-card{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid #0f0;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.series-card:before{background:linear-gradient(45deg,#0000 30%,#00ff000d 50%,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.series-card:hover:before{opacity:1}.series-card:hover{border-color:#fff;box-shadow:0 10px 30px #00ff004d;transform:translateY(-5px)}.series-card h3{color:#0f0;margin-bottom:1rem;text-shadow:0 0 10px #00ff004d}.series-card p{color:#ccc;line-height:1.6}.series-image{border:2px solid #0f0;border-radius:8px;box-shadow:0 0 10px #0f03;height:200px;margin-bottom:1rem;object-fit:cover;transition:all .3s ease;width:100%}.series-image:hover{border-color:#fff;box-shadow:0 0 20px #00ff0080;transform:scale(1.02)}.series-image-container{border-radius:8px;overflow:hidden;position:relative}.series-overlay{background:linear-gradient(135deg,#000c,#00ff001a);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;opacity:0;padding:1rem;position:absolute;right:0;top:0;transition:opacity .3s ease}.series-card:hover .series-overlay{opacity:1}.series-type{align-self:flex-start;background:#0f0c;color:#000}.series-platform,.series-type{border-radius:15px;font-size:.8rem;font-weight:700;padding:.3rem .8rem}.series-platform{align-self:flex-end;background:#000c;border:1px solid #0f0;color:#0f0}.about{background:linear-gradient(135deg,#0d0d0d,#1a1a1a 50%,#0a0a0a);padding:5rem 0}.about-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.about-text h2{color:#0f0;font-size:2.5rem;margin-bottom:1.5rem;text-shadow:0 0 20px #00ff0080}.about-text p{color:#ccc;font-size:1.1rem;margin-bottom:1.5rem}.about-image{text-align:center}.about-image img{border-radius:15px;box-shadow:0 10px 30px #0000001a;max-width:100%}.contact{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0d0d0d);padding:5rem 0}.contact-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.contact-info h3{color:#0f0;font-size:1.5rem;margin-bottom:1rem;text-shadow:0 0 10px #00ff004d}.contact-info p{color:#ccc;margin-bottom:1rem}.contact-form{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid #0f0;box-shadow:0 0 20px #0f03;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#0f0;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#1a1a1a;border:2px solid #333;color:#0f0;font-family:Courier New,monospace;font-size:1rem;padding:.8rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0f0;box-shadow:0 0 10px #00ff004d;outline:none}.form-group textarea{height:120px;resize:vertical}.submit-btn{background:#0000;border:2px solid #0f0;box-shadow:0 0 20px #00ff004d;color:#0f0;cursor:pointer;font-family:Courier New,monospace;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.submit-btn:hover{background:#00ff001a;box-shadow:0 0 30px #0f09;color:#fff}footer{background:linear-gradient(135deg,#000,#1a1a1a 50%,#000);border-top:2px solid #0f0;color:#0f0;padding:3rem 0 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-section h3{color:#0f0;margin-bottom:1rem;text-shadow:0 0 10px #00ff0080}.footer-section a{color:#ccc;display:block;margin-bottom:.5rem;text-decoration:none;transition:all .3s ease}.footer-section a:hover{color:#0f0;text-shadow:0 0 5px #00ff0080}.footer-bottom{border-top:1px solid #0f0;color:#ccc;padding-top:2rem;text-align:center}.page-header{background:linear-gradient(135deg,#000,#1a1a1a 50%,#000);border-bottom:2px solid #0f0;color:#0f0;padding:4rem 0 2rem;text-align:center}.page-header h1{font-size:2.5rem;margin-bottom:1rem;text-shadow:0 0 20px #00ff0080}.page-content{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0d0d0d);padding:3rem 0}.content-section{margin-bottom:3rem}.content-section h2{color:#0f0;font-size:2rem;margin-bottom:1rem;text-shadow:0 0 20px #00ff0080}.content-section h3{color:#0f0;font-size:1.5rem;margin-bottom:.8rem;text-shadow:0 0 10px #00ff004d}.content-section p{color:#ccc;line-height:1.7;margin-bottom:1rem}.content-section ul{margin-bottom:1rem;padding-left:2rem}.content-section li{color:#ccc;margin-bottom:.5rem}@media (max-width:768px){.nav-links{display:none}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.about-content,.contact-content,.series-grid,.services-grid{grid-template-columns:1fr}.container{padding:0 1rem}.language-switcher{right:10px;top:10px}}.text-center{text-align:center}.mb-2{margin-bottom:2rem}.mt-2{margin-top:2rem}.roleplay-servers{background:linear-gradient(135deg,#000000e6,#00ff000d);padding:4rem 0}.servers-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:2rem}.server-card{background:#000c;border:1px solid #0f0;border-radius:10px;overflow:hidden;position:relative;transition:all .3s ease}.server-card:hover{border-color:#0f0;box-shadow:0 10px 30px #00ff004d;transform:translateY(-5px)}.server-image-container{border-radius:8px;overflow:hidden;position:relative}.server-overlay{background:linear-gradient(135deg,#000c,#00ff001a);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;opacity:0;padding:1rem;position:absolute;right:0;top:0;transition:opacity .3s ease}.server-card:hover .server-overlay{opacity:1}.server-status{align-self:flex-start;border-radius:15px;font-size:.8rem;font-weight:700;padding:.3rem .8rem}.server-status.activo{background:#0f0c;color:#000}.server-status.histórico{background:#ffa500cc;color:#000}.server-status.colaboración{background:#0096ffcc;color:#000}.server-platform{align-self:flex-end;background:#000c;border:1px solid #0f0;border-radius:15px;color:#0f0;font-size:.8rem;font-weight:700;padding:.3rem .8rem}.server-image{height:200px;object-fit:cover;transition:transform .3s ease;width:100%}.server-card:hover .server-image{transform:scale(1.05)}.server-content{padding:1rem}.server-content h3{color:#0f0;font-size:1.3rem;margin:0 0 .5rem;text-align:center}.server-year{color:#888;font-size:.9rem;font-style:italic;margin-bottom:1rem;text-align:center}.server-content p{color:#ccc;line-height:1.6;text-align:center}
/*# sourceMappingURL=main.9c3e1ada.css.map*/