:root{--fondo: #0f1115;--superficie: #171a21;--borde: #262a33;--texto: #e6e8eb;--texto-tenue: #9aa1ac;--ok: #34d399;--mal: #f87171}@media (prefers-color-scheme: light){:root{--fondo: #f5f6f8;--superficie: #ffffff;--borde: #e1e4e9;--texto: #1a1d23;--texto-tenue: #5b6270;--ok: #059669;--mal: #dc2626}}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pagina{max-width:1200px;margin:0 auto;padding:32px 20px 64px}.pagina__cabecera h1{margin:0 0 8px;font-size:1.75rem}.pagina__cabecera p{color:var(--texto-tenue);max-width:640px;line-height:1.5}.pagina__leyenda{background:var(--superficie);border:1px solid var(--borde);border-radius:10px;padding:12px 16px;margin-top:12px}.pagina__aviso{color:var(--texto-tenue)}.pagina__aviso--error{color:var(--mal)}.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:24px}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:12px;padding:18px;position:relative;overflow:hidden}.tarjeta--deshabilitada{opacity:.55}.tarjeta__cabecera{display:flex;align-items:center;gap:10px;margin-bottom:12px}.tarjeta__barra{width:8px;height:24px;border-radius:4px;background:var(--color-proyecto);flex-shrink:0}.tarjeta__cabecera h2{font-size:1.05rem;margin:0}.tarjeta__hosting{display:inline-block;margin-top:2px;font-size:.7rem;color:var(--texto-tenue);background:var(--fondo);border:1px solid var(--borde);border-radius:999px;padding:1px 8px}.tarjeta__aviso{color:var(--texto-tenue);font-size:.9rem;margin:8px 0 0}.tarjeta__estados{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.estado{display:inline-flex;align-items:baseline;gap:6px;font-size:.85rem}.estado--ok{color:var(--ok)}.estado--mal{color:var(--mal)}.estado__icono{font-size:.8rem}.estado__tecnico{color:var(--texto-tenue);font-size:.75rem}.tarjeta__capturas{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.tarjeta__capturas a{display:block;text-decoration:none;color:var(--texto-tenue);font-size:.75rem;text-align:center}.tarjeta__capturas img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:8px;border:1px solid var(--borde);margin-bottom:4px}.tarjeta__fecha{margin:0;font-size:.75rem;color:var(--texto-tenue)}.mantenimiento{max-width:560px;margin:24px auto;padding:32px 28px;background:var(--superficie);border:1px solid var(--borde);border-radius:14px}.mantenimiento h2{margin:0 0 10px;font-size:1.4rem;color:var(--texto)}.mantenimiento p{margin:0 0 10px;color:var(--texto-tenue)}.mantenimiento .mantenimiento__etiqueta{margin:0 0 4px;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ok)}.mantenimiento ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px;color:var(--texto)}.mantenimiento li{display:flex;gap:10px;align-items:baseline}.mantenimiento li:before{content:"";flex:0 0 8px;height:8px;border-radius:50%;background:var(--ok)}.mantenimiento__icono{display:flex;gap:6px;align-items:flex-end;height:36px;margin-bottom:18px}.mantenimiento__icono span{width:11px;border-radius:4px;background:var(--ok);animation:mantenimiento-pulso 1.6s ease-in-out infinite}.mantenimiento__icono span:nth-child(1){height:50%}.mantenimiento__icono span:nth-child(2){height:100%;animation-delay:.2s}.mantenimiento__icono span:nth-child(3){height:70%;animation-delay:.4s}@keyframes mantenimiento-pulso{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.mantenimiento__icono span{animation:none}}