*{margin:0;padding:0;box-sizing:border-box;font-family:Lora}header{background-color:#0000003d;padding:10px 20px;display:flex;align-items:center;justify-content:space-between}body{margin:0;padding:0;background-image:url(/intro/img/fondo.png);background-size:contain;background-position:center bottom;background-repeat:no-repeat;background-attachment:fixed;background-color:#03030a;font-family:Sora,sans-serif}nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0}header img{width:70px;height:auto}.social-radio{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;height:60px;width:fit-content;margin:auto}.social-radio input{display:none}.social-radio label{font-size:20px;color:#888;padding:0 1.2rem;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;height:100%;transition:all .3s ease-in-out}.social-radio label:hover{color:#fff;text-shadow:0 0 15px #f5f5f5cc;transform:scale(1.2)}.social-radio label{font-size:20px;color:gray;padding:0 1.2rem;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;z-index:2;height:100%;transition:all 0s ease-in-out}.glider{height:100%;width:calc(100% / var(--total-radio));background:linear-gradient(90deg,transparent 0%,var(--main-color) 50%,transparent 100%);transition:transform .5s cubic-bezier(.37,1.95,.66,.56);position:relative}.glider:before{content:"";position:absolute;width:60%;height:300%;left:50%;transform:translate(-50%);background:var(--main-color);filter:blur(12px);z-index:-1}.glider:after{content:"";position:absolute;top:0;height:100%;width:100px;left:0}main{padding:20px;min-height:100vh}footer{background-color:#000;color:#c4c4c4;padding:20px;text-align:center}.server-title h2{font-size:3.4rem;color:silver;text-shadow:0 0 15px rgba(255,255,255,.541);font-weight:800;letter-spacing:1px;margin:0 0 20px}.one-div{position:relative;height:300px;width:220px;background-color:#0f0f0f;transform-style:preserve-3d;animation:rot 2s infinite ease;border-radius:20px;box-shadow:0 0 20px #0006,inset 0 0 50px #ffffff08;color:#fff;transition:.5s;display:flex;justify-content:center;align-items:center;text-align:center;padding:.7rem;flex-direction:column}.one-div{min-height:300px;height:auto}.one-div:hover{box-shadow:0 0 50px,inset 5px 5px 20px #000}.one-div .text{text-align:center;transition:all .5s}.one-div img{width:100%;height:auto;border-radius:12px;margin-bottom:10px}.one-div h3{margin:.3rem 0;font-size:1rem}.one-div p{font-size:.9rem;opacity:.8}.one-div button{background-color:#4e4e4e;border:none;color:#dadada;padding:.4rem .8rem;border-radius:6px;margin-top:.5rem;cursor:pointer;transition:background-color .2s}.one-div button:hover{background-color:#3d3c3c}@keyframes rot{0%{transform:rotateX(-15deg) translateY(0)}50%{transform:rotateX(-15deg) translateY(-10px)}to{transform:rotateX(-15deg) translateY(0)}}.img-wrapper img{object-position:center;display:block}.text-central{color:#a7a2a2;font-size:20px}.text-h6{padding:2px;margin-top:5px;color:#4fca4f}.text-h6classic{padding:2px;margin-top:5px;color:#ff3b3b}.shine{display:inline-block;font-size:1.6rem;font-weight:800;color:#ffffff4d;background:linear-gradient(-40deg,transparent 0%,transparent 40%,#ffffff 50%,transparent 100%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:zezzz 5s infinite linear;text-shadow:0 0 15px rgba(255,255,255,.3)}@keyframes zezzz{0%{background-position:-200% center}to{background-position:200% center}}.landing-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;padding:5rem 5%;gap:40px}.server-title{flex:1 1 40%;min-width:280px;text-align:left;margin-top:-250px}.cards-container{flex:1 1 55%;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:0}.card{--bg-color: #111;background-color:var(--bg-color);padding:1rem 2rem;border-radius:1.25rem}.loader{color:#7c7c7c;font-family:Poppins,sans-serif;font-weight:500;font-size:25px;-webkit-box-sizing:content-box;box-sizing:content-box;height:40px;padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:8px}.words{overflow:hidden;position:relative}.words:after{content:"";position:absolute;inset:0;background:linear-gradient(var(--bg-color) 0%,transparent 25%,transparent 70%,var(--bg-color) 90%);z-index:20}.word{display:block;height:100%;padding-left:6px;color:#ff3b3b;animation:spin_4991 4s infinite}@keyframes spin_4991{10%{-webkit-transform:translateY(-102%);transform:translateY(-102%)}25%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}35%{-webkit-transform:translateY(-202%);transform:translateY(-202%)}50%{-webkit-transform:translateY(-200%);transform:translateY(-200%)}60%{-webkit-transform:translateY(-302%);transform:translateY(-302%)}75%{-webkit-transform:translateY(-300%);transform:translateY(-300%)}85%{-webkit-transform:translateY(-402%);transform:translateY(-402%)}to{-webkit-transform:translateY(-400%);transform:translateY(-400%)}}@media (max-width: 1024px){.landing-container{flex-direction:column;align-items:center}.server-title{margin-top:0;text-align:center;align-items:center}.cards-container{justify-content:center;margin-top:40px}.server-title h2{font-size:2.8rem}.shine{font-size:1.4rem}.loader{font-size:20px;padding:6px}.word{font-size:1rem}}@media (max-width: 768px){html,body{width:100%;overflow-x:hidden}.landing-container{align-items:center;padding:2rem 1rem;gap:30px}.server-title h2{font-size:2rem;margin-bottom:10px}.shine{font-size:.2rem}.card{padding:.7rem 1.5rem}.loader{font-size:15px;flex-direction:column;align-items:center;text-align:center}.word{font-size:.9rem;padding-left:0}.cards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.one-div{width:129px;min-height:90px;box-sizing:border-box;height:auto;padding:.7rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}.one-div img{width:100%;height:auto;max-height:120px;object-fit:contain;margin-bottom:10px}.one-div h3{font-size:.9rem;margin:.2rem 0}.one-div p{font-size:.8rem;opacity:.8;margin:.2rem 0}.one-div button{font-size:.75rem;padding:.3rem .6rem;margin-top:.5rem}header{align-items:center;padding:10px;text-align:center}header img{width:90px;margin-bottom:10px}nav{flex-direction:center;align-items:center;gap:10px}.social-radio{flex-direction:row;height:auto}.social-radio label{font-size:16px;padding:6px 9px}main{padding:16px 10px}.server-title svg{display:none}footer{padding:16px;font-size:.9rem;text-align:center;width:100%;box-sizing:border-box}}@media (min-width: 1400px){.server-title h2{font-size:4rem}.shine{font-size:2rem}.landing-container{padding:6rem 10%;gap:60px}.server-title{margin-top:-150px}.one-div{width:240px;height:auto;padding:1rem}.one-div h3{font-size:1.1rem}.one-div p{font-size:1rem}.one-div button{font-size:.95rem;padding:.5rem .8rem}}@media (width: 1024px) and (height: 819px){.landing-container{flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:3rem 2rem}.server-title{margin-top:0;text-align:center}.server-title h2{font-size:2.6rem;margin-bottom:15px}.cards-container{justify-content:center;gap:15px}.one-div{width:180px;min-height:260px}.one-div img{max-height:140px;object-fit:contain}}