.servers-hero{overflow:hidden;padding:0 0 40px;position:relative;text-align:center}.servers-hero-title{color:var(--blanco,#fff);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:.04em;margin-bottom:10px}.hero-mu{color:var(--principal-light,#00d4ff);text-shadow:0 0 20px #00d4ff80}.servers-hero-sub{color:#ffffff8c;font-size:1rem;margin-bottom:28px}.servers-hero-actions{gap:12px}.auth-cta-row,.servers-hero-actions{display:flex;flex-wrap:wrap;justify-content:center}.auth-cta-row{align-items:center;gap:10px}.btn-submit-server{background:linear-gradient(135deg,#00d4ff,#0090c8);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 24px;transition:opacity .2s,transform .15s}.btn-submit-server:hover{opacity:.9;transform:translateY(-1px)}.btn-my-servers{align-items:center;background:#ffffff12;border:1px solid #ffffff26;border-radius:8px;color:#fffc;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:6px;padding:9px 18px;transition:background .2s}.btn-my-servers:hover{background:#ffffff1f}.my-count{background:#00d4ff;border-radius:10px;color:#000;font-size:.75rem;font-weight:800;padding:1px 7px}.btn-logout{background:#0000;border:1px solid #ffffff26;border-radius:8px;color:#ffffff73;cursor:pointer;font-size:.85rem;padding:9px 16px;transition:color .2s,border-color .2s}.btn-logout:hover{border-color:#ff505066;color:#ff6b6b}.btn-login{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:8px;padding:9px 18px;text-decoration:none;transition:opacity .2s}.btn-login:hover{opacity:.85}.btn-login.google{background:#fff;color:#333}.btn-login.discord{background:#5865f2;color:#fff}.btn-login.full{font-size:.95rem;justify-content:center;padding:13px 18px;width:100%}.auth-options-col{display:flex;flex-direction:column;gap:12px}.auth-only-modal .mu-modal-body{padding-bottom:32px}.my-servers-panel{background:#0006;border:1px solid #ffffff1a;border-radius:12px;margin:20px auto 0;padding:16px 20px;text-align:left}.my-servers-panel h4{color:#fff6;font-size:.82rem;letter-spacing:.06em;margin-bottom:12px;text-transform:uppercase}.my-servers-empty{color:#ffffff59;font-size:.88rem}.my-server-row{align-items:center;border-top:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:8px 0}.my-server-row:first-of-type{border-top:none}.my-server-info{display:flex;flex-direction:column;gap:4px}.my-server-name{color:#fff;font-size:.9rem;font-weight:600}.my-server-actions{display:flex;gap:6px}.btn-xs{border:none;border-radius:6px;cursor:pointer;font-size:.78rem;font-weight:600;padding:4px 12px}.btn-edit{background:#00d4ff1f;color:#00d4ff}.btn-del{background:#ff50501f;color:#ff6b6b}.btn-xs:hover{opacity:.8}.user-status{border-radius:5px;cursor:default;display:inline-block;font-size:.75rem;font-weight:600;padding:2px 8px}.user-status.approved{background:#00dc641f;color:#00dc64}.user-status.declined{background:#ff50501f;color:#ff6b6b;cursor:help}.user-status.pending{background:#ffb4001f;color:#ffb400}.background-bann{background:linear-gradient(135deg,var(--secundario,#ffffff0d),var(--terciario,#0003));border:1px solid var(--border,#ffffff14);border-radius:var(--radius-md,12px);box-shadow:var(--shadow-md,0 4px 20px #0000004d);transition:var(--transition,all .2s)}.servers-filters{display:flex;flex-wrap:wrap;gap:10px;padding:0 16px 24px}.filter-select{border-radius:8px;color:var(--blanco,#fff);cursor:pointer;font-size:.88rem;min-width:150px;padding:8px 14px}.filter-select option{background:#111}.btn-filter-reset{background:#0000;border:1px solid #ff50504d;border-radius:8px;color:#ff6464b3;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:border-color .2s,color .2s}.btn-filter-reset:hover{border-color:#ff505099;color:#ff6b6b}.servers-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);padding:0 16px 48px}@media(max-width:900px){.servers-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.servers-grid{grid-template-columns:1fr}}.servers-error{color:#ff6b6b;padding:24px;text-align:center}.servers-empty{color:#fff6;font-size:1.1rem;padding:60px;text-align:center}.server-card{color:var(--blanco,#fff);display:flex;flex-direction:column;overflow:hidden;padding:18px 20px;position:relative;text-decoration:none}.server-card:before{background:linear-gradient(90deg,#0000,#00d4ff66,#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.server-card:hover{border-color:#00d4ff4d!important;transform:translateY(-1px)}.server-card:hover:before{opacity:1}.server-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.server-card-name{font-size:1.05rem;font-weight:700;line-height:1.3}.server-card-version{background:#00d4ff1a;border-radius:6px;color:#00d4ff;font-size:.78rem;padding:2px 8px;white-space:nowrap}.server-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.meta-chip{border-radius:6px;font-size:.75rem;font-weight:600;line-height:1.4;padding:3px 9px}.meta-chip.rates{background:#ffc8001f;color:#ffc800}.meta-chip.version{background:#00d4ff1a;color:#00d4ff}.meta-chip.open{background:#00dc641f;color:#00dc64}.meta-chip.upcoming{background:#b464ff1f;color:#b464ff}.badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;line-height:1.4;padding:3px 9px}.badge-open{background:#00dc641f;color:#00dc64}.badge-upcoming{background:#b464ff1f;color:#b464ff}.badge-opening-soon{animation:pulse-badge 1.5s infinite;background:#ff780026;color:#ff7800}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.server-card-desc{color:#ffffff8c;font-size:.85rem;line-height:1.5;margin-bottom:12px;text-align:left}.server-card-reactions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.reaction-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;color:#ffffffb3;cursor:pointer;display:inline-flex;font-size:.8rem;gap:4px;padding:4px 10px;transition:background .15s,border-color .15s,transform .1s}.reaction-btn:hover{background:#ffffff1f;transform:scale(1.05)}.reaction-btn.active{background:#00d4ff26;border-color:#00d4ff66;color:#00d4ff}.reaction-btn.large{font-size:1rem;padding:8px 16px}.reaction-emoji{font-size:1.1em}.reaction-count{font-weight:600}.server-card-footer{align-items:center;border-top:1px solid #ffffff0f;color:#ffffff59;display:flex;font-size:.8rem;justify-content:flex-end;margin-top:auto;padding-top:10px}.server-card-more{color:#00d4ffb3}.server-card-skeleton{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%;border-radius:12px;height:160px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mu-modal-overlay{align-items:center;backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.mu-modal{background:#0d1520;border:1px solid #00d4ff33;border-radius:16px;box-shadow:0 24px 80px #000c;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.mu-modal-close{background:#0000;border:none;color:#fff6;cursor:pointer;font-size:1.2rem;position:absolute;right:16px;top:16px;transition:color .2s;z-index:1}.mu-modal-close:hover{color:#fff}.mu-modal-header{border-bottom:1px solid #ffffff12;padding:28px 28px 16px}.mu-modal-header h2{color:#fff;font-size:1.3rem;font-weight:700;margin:0}.mu-modal-body{padding:20px 28px 28px}.form-row{margin-bottom:16px}.form-row label{color:#ffffff8c;display:block;font-size:.82rem;font-weight:600;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.label-hint{color:#ffffff4d;font-size:.75rem;letter-spacing:0;text-transform:none}.form-row-2col{display:grid;gap:16px;grid-template-columns:1fr 1fr}@media(max-width:500px){.form-row-2col{grid-template-columns:1fr}}.mu-input,.mu-select,.mu-textarea{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;box-sizing:border-box;color:#fff;font-size:.9rem;padding:10px 14px;transition:border-color .2s;width:100%}.mu-input:focus,.mu-select:focus,.mu-textarea:focus{border-color:#00d4ff80;outline:none}.mu-input.err,.mu-select.err,.mu-textarea.err{border-color:#ff505099}.mu-input::placeholder,.mu-textarea::placeholder{color:#ffffff40}.mu-select option{background:#0d1520}.mu-textarea{min-height:100px;resize:vertical}.rates-input-wrap{align-items:center;display:flex}.rates-prefix{background:#ffc8001a;border:1px solid #ffc80033;border-radius:8px 0 0 8px;border-right:none;color:#ffc800;font-size:.95rem;font-weight:700;line-height:1;padding:13px 12px;white-space:nowrap}.rates-input{border-radius:0 8px 8px 0!important}.rates-label-hint{color:#ffc80099;display:block;font-size:.75rem;margin-top:4px}.field-row-bottom{align-items:flex-start;display:flex;justify-content:space-between;margin-top:4px;min-height:18px}.field-error{color:#ff6b6b;display:block;font-size:.78rem}.char-count{color:#ffffff4d;flex-shrink:0;font-size:.75rem;text-align:right}.char-count.warn{color:#ff9600b3}.submit-error{background:#ff50501a;border:1px solid #ff50504d;border-radius:8px;color:#ff6b6b;font-size:.88rem;margin-bottom:16px;padding:10px 14px}.mu-modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-mu-primary{background:linear-gradient(135deg,#00d4ff,#0090c8);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 24px;transition:opacity .2s}.btn-mu-primary:hover{opacity:.9}.btn-mu-primary:disabled{cursor:not-allowed;opacity:.4}.btn-mu-secondary{background:#0000;border:1px solid #ffffff26;border-radius:8px;color:#fff9;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:border-color .2s}.btn-mu-secondary:hover{border-color:#fff6;color:#fff}.mu-modal-success{padding:48px 28px;text-align:center}.success-icon{font-size:3rem;margin-bottom:16px}.mu-modal-success h3{color:#fff;font-size:1.4rem;margin-bottom:8px}.mu-modal-success p{color:#ffffff8c;margin-bottom:28px}.server-detail-page{padding:24px 16px 60px}.skeleton-block{animation:shimmer 1.4s infinite;background:#ffffff0f;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%;border-radius:8px}.detail-back{color:#00d4ffb3;display:inline-block;font-size:.88rem;margin-bottom:20px;text-decoration:none;transition:color .2s}.detail-back:hover{color:#00d4ff}.detail-card{padding:32px}.detail-header{margin-bottom:20px}.detail-name{color:#fff;font-size:1.8rem;font-weight:800;margin:0 0 12px}.detail-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.detail-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.detail-link-btn{align-items:center;border-radius:8px;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:opacity .2s,transform .15s}.detail-link-btn:hover{opacity:.85;transform:translateY(-1px)}.detail-link-btn.website{background:#ffffff14;border:1px solid #ffffff26;color:#fff}.detail-link-btn.discord{background:#5865f2;color:#fff}.detail-description{margin-bottom:28px}.detail-description h3{color:#ffffff80;font-size:1rem;font-weight:700;letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.detail-description p{color:#ffffffbf;font-size:.95rem;line-height:1.7;text-align:left;white-space:pre-wrap}.detail-reactions{border-top:1px solid #ffffff0f;margin-bottom:28px;padding-top:24px}.detail-reactions h4{color:#fff6;font-size:.88rem;font-weight:700;letter-spacing:.06em;margin-bottom:14px;text-transform:uppercase}.reactions-row{display:flex;flex-wrap:wrap;gap:10px}.reaction-signin-hint{color:#ffffff4d;font-size:.8rem;margin-top:10px}.link-btn{background:none;border:none;color:#00d4ff;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.detail-footer-meta{border-top:1px solid #ffffff0f;color:#ffffff40;font-size:.8rem;padding-top:16px}