.page-hero{padding-bottom:16px}.st-banner{display:flex;align-items:center;gap:14px;margin-top:30px;padding:18px 22px;border-radius:var(--r-xl);border:1px solid var(--line);background:var(--surface);max-width:640px}.st-banner .st-led{width:14px;height:14px;border-radius:999px;background:var(--text-3);flex-shrink:0}.st-banner.st-ok .st-led{background:var(--lp-green);box-shadow:0 0 0 5px #10b9812e}.st-banner.st-down .st-led{background:var(--lp-red);box-shadow:0 0 0 5px #ef44442e}.st-banner.st-warn .st-led{background:var(--amber-500);box-shadow:0 0 0 5px #f59e0b2e}.st-banner.st-checking .st-led{animation:st-pulse 1.2s ease-in-out infinite}.st-banner .st-ttl{font-family:var(--font-display);font-weight:800;font-size:19px;color:var(--text)}.st-banner .st-updated{margin-left:auto;font-size:13px;color:var(--text-3);white-space:nowrap}.st-group{margin-top:44px}.st-group:first-of-type{margin-top:8px}.st-group-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--line-2)}.st-group-ttl{font-family:var(--font-display);font-size:19px;font-weight:800;color:var(--text);letter-spacing:-.01em}.st-group-sub{font-size:13.5px;color:var(--text-3)}.st-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.st-card{display:flex;align-items:center;gap:15px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);transition:border-color .2s,transform .2s}.st-card:hover{border-color:var(--accent-border);transform:translateY(-2px)}.st-card .ic{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:var(--surface-2);color:var(--text-2);flex-shrink:0}.st-card .ic svg{width:22px;height:22px}.st-card-txt{min-width:0}.st-card .nm{font-family:var(--font-display);font-weight:700;font-size:15.5px;color:var(--text)}.st-card .ds{font-size:12.5px;color:var(--text-3);margin-top:2px}.st-pill{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:var(--r-full);font-size:12.5px;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--text-2);white-space:nowrap}.st-pill:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--text-3);flex-shrink:0}.st-ok{color:var(--lp-green-fg);border-color:#a7f3d0;background:#ecfdf5}.st-ok:before{background:var(--lp-green)}.st-down{color:#b91c1c;border-color:#fecaca;background:#fef2f2}.st-down:before{background:var(--lp-red)}.st-warn{color:var(--amber-700);border-color:var(--amber-200);background:var(--amber-50)}.st-warn:before{background:var(--amber-500)}.st-off,.st-checking{color:var(--text-3)}.st-checking:before{animation:st-pulse 1.2s ease-in-out infinite}@keyframes st-pulse{0%,to{opacity:.3}50%{opacity:1}}.st-incident{padding:18px 20px;border-radius:var(--r-lg);border:1px solid var(--accent-border);background:var(--accent-soft);margin-bottom:12px}.st-incident.mantenimiento{border-color:var(--blue-100);background:var(--blue-50)}.st-incident.resuelto{border-color:#a7f3d0;background:#ecfdf5}.st-inc-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.st-inc-tag{font-family:var(--font-display);font-weight:800;font-size:12px;letter-spacing:.02em;text-transform:uppercase;color:var(--accent-contrast);background:var(--accent);padding:4px 10px;border-radius:var(--r-sm)}.st-incident.mantenimiento .st-inc-tag{background:var(--blue-600);color:#fff}.st-inc-head h3{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text)}.st-incident p{margin-top:8px;font-size:14px;color:var(--text-2);line-height:1.6}.st-inc-meta{margin-top:8px;font-size:12.5px;color:var(--text-3)}.st-note{margin-top:34px;font-size:13.5px;color:var(--text-3);line-height:1.65;max-width:760px}.st-note a{color:var(--accent-strong)}[data-theme=dark] .st-ok{background:#10b9811f;border-color:#10b9814d;color:#6ee7b7}[data-theme=dark] .st-down{background:#ef44441f;border-color:#ef44444d;color:#fca5a5}[data-theme=dark] .st-warn{background:#f59e0b1f;border-color:#f59e0b4d;color:var(--amber-300)}@media(max-width:760px){.st-grid{grid-template-columns:1fr}.st-banner .st-updated{display:none}}
