.demo-shell{display:grid;gap:18px}.demo-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.demo-heading h1{margin:.15rem 0}.demo-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.demo-card{display:grid;gap:14px}.demo-card label{display:grid;gap:7px;font-weight:700}.demo-card input{width:100%;padding:11px 12px;border:1px solid #d7dce4;border-radius:10px}.demo-actions{display:flex;gap:10px;flex-wrap:wrap}.demo-actions .danger{border-color:#b42318;color:#b42318}.demo-badge{padding:8px 12px;border-radius:999px;font-weight:800;text-transform:capitalize}.demo-badge.neutral,.demo-badge.sin_datos{background:#eef2f6;color:#475467}.demo-badge.activo{background:#dcfae6;color:#067647}.demo-badge.parcial{background:#fef0c7;color:#93370d}.demo-badge.eliminado{background:#f2f4f7;color:#667085}.demo-status-list{display:grid;gap:10px;margin:0}.demo-status-list div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #eaecf0;padding-bottom:9px}.demo-status-list dt{color:#667085}.demo-status-list dd{margin:0;font-weight:800;text-align:right;overflow-wrap:anywhere}.demo-test-link{justify-self:start}.demo-result-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.demo-result-columns ul{margin:0;padding-left:20px;display:grid;gap:8px}.demo-note{background:#fff8e8;border:1px solid #fedf89;border-radius:14px;padding:14px 16px;color:#7a2e0e}@media(max-width:800px){.demo-grid,.demo-result-columns{grid-template-columns:1fr}.demo-heading{flex-direction:column}}