.container-servidor{flex-direction:column;align-items:center;width:100%;height:auto;display:flex}.content-servidor{width:var(--width);max-width:var(--max-width);flex-direction:column;align-items:center;height:auto;padding:60px 0 90px;display:flex}.servidor-hero{text-align:center;flex-direction:column;align-items:center;width:100%;margin:0 0 44px;display:flex}.servidor-hero .eyebrow{color:var(--clr-primary-a0);background:var(--white);border:1px solid var(--clr-primary-a0);border-radius:999px;align-items:center;gap:8px;margin:0 0 18px;padding:8px 14px;font-family:Consolas,Menlo,Monaco,monospace;font-size:13px;font-weight:600;display:inline-flex}.servidor-hero .eyebrow .icon{width:14px;height:14px}.servidor-hero h1{color:var(--black);margin:0 0 12px;font-size:38px;font-weight:800;line-height:1.3}.servidor-hero p{max-width:520px;color:var(--gray-light);margin:0 0 26px;font-size:16px;font-weight:400;line-height:24px}.overall-badge{border:1px solid var(--border-color);background:var(--white);color:var(--gray);border-radius:999px;align-items:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s ease-in-out;display:inline-flex}.overall-badge .dot{background:var(--gray-light);border-radius:50%;width:9px;height:9px}.overall-badge.is-online{border-color:var(--clr-primary-a0);color:var(--clr-primary-a0);background:color-mix(in srgb, var(--clr-primary-a0) 10%, transparent)}.overall-badge.is-online .dot{background:var(--clr-primary-a0);animation:2s infinite pulse-green;box-shadow:0 0 #84cc5d80}.overall-badge.is-offline{border-color:var(--red);color:var(--red);background:color-mix(in srgb, var(--red) 10%, transparent)}.overall-badge.is-offline .dot{background:var(--red)}.servidor-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;width:100%;margin:0 0 34px;display:grid}.servidor-card{--accent:var(--gray-light);background:var(--white);border:1px solid var(--border-color);border-radius:calc(var(--border-radius) + 4px);flex-direction:column;padding:22px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.servidor-card:before{content:"";background:var(--accent);height:4px;transition:background .2s ease-in-out;position:absolute;top:0;left:0;right:0}.servidor-card.status-online{--accent:var(--clr-primary-a0)}.servidor-card.status-offline{--accent:var(--red)}.servidor-card.status-loading{--accent:var(--gray-light)}.servidor-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #00000014}.servidor-card-top{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:10px;margin:4px 0 16px;display:flex}.servidor-card-icon{border-radius:var(--border-radius);background:color-mix(in srgb, var(--accent) 15%, transparent);width:42px;min-width:42px;height:42px;color:var(--accent);justify-content:center;align-items:center;display:flex}.servidor-card-icon .icon{width:21px;height:21px}.servidor-card-status{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;border-radius:999px;align-items:center;gap:6px;height:max-content;padding:5px 11px;font-size:11px;font-weight:700;display:inline-flex}.servidor-card-status .dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.servidor-card.status-online .servidor-card-status .dot{animation:2s infinite pulse-green}.servidor-card h3{color:var(--black);margin:0 0 6px;font-size:17px;font-weight:700;line-height:24px}.servidor-card p{color:var(--gray-light);flex:1;margin:0;font-size:13.5px;line-height:19px}.servidor-card-footer{border-top:1px solid var(--border-color);flex-flow:wrap;align-items:center;gap:10px;margin-top:18px;padding-top:16px;font-family:Consolas,Menlo,Monaco,monospace;display:flex}.servidor-card-footer span{color:var(--gray-light);font-size:12px;font-weight:600}.servidor-footer{flex-flow:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.servidor-footer .btn-white{height:44px;padding:0 22px}.servidor-footer .icon.spinning{animation:.8s linear infinite spin}.servidor-last-check{color:var(--gray-light);font-size:13px}@keyframes pulse-green{0%{box-shadow:0 0 #84cc5d73}70%{box-shadow:0 0 0 8px #84cc5d00}to{box-shadow:0 0 #84cc5d00}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:640px){.content-servidor{padding:40px 0 60px}.servidor-hero h1{font-size:28px}.servidor-hero p{font-size:15px;line-height:22px}}