.sref-w{--sref-ink:#16202e;--sref-ink2:#4a5666;--sref-ink3:#68727f;--sref-line:#dce0e6;--sref-line2:#eaedf1;--sref-s2:#f7f8fa;--sref-brand:#0B1E3F;--sref-acc:#2D64BF;--sref-accbg:#e8eef9;--sref-ok:#0f7b4f;--sref-okbg:#eaf5ef;--sref-warn:#8a6100;--sref-warnbg:#fbf3e2;--sref-mono:Consolas,'Cascadia Mono',monospace;container-type:inline-size;display:flex;flex-direction:column;min-height:540px;background:#fff;color:var(--sref-ink);font:400 12.5px/17px var(--xsf)}
.sref-w>*{min-width:0}
@media (min-width:1001px){
  .pg-hero .pg-mhero>.pg-panel.sref-w{grid-column:6/13}
}

.sref-top{display:flex;align-items:center;gap:10px;flex:none;height:42px;padding:0 12px;border-bottom:1px solid var(--sref-line);background:#fff}
.sref-bk{display:grid;place-items:center;flex:none;width:26px;height:26px;border:1px solid var(--sref-line);color:var(--sref-ink2);font:400 15px/1 var(--xsf)}
.sref-crumb{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 12px/16px var(--xsf);color:var(--sref-ink3)}
.sref-crumb i{margin:0 5px;font-style:normal;color:#a3abb6}
.sref-crumb b{font-weight:600;color:var(--sref-ink)}
.sref-srch{flex:0 0 150px;display:flex;align-items:center;height:26px;padding:0 9px;border:1px solid var(--sref-line);background:var(--sref-s2);overflow:hidden;white-space:nowrap;font:400 11.5px/1 var(--xsf);color:var(--sref-ink3)}
.sref-av{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--sref-brand);color:#fff;font:600 10.5px/1 var(--xsf)}

.sref-hd{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px 14px;flex:none;padding:14px 16px 12px}
.sref-hd-t{flex:1 1 220px;min-width:0}
.sref-kick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:5px}
.sref-code{padding:1px 6px;border:1px solid var(--sref-line);font:700 11px/16px var(--sref-mono);color:var(--sref-acc)}
.sref-h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 17px/22px var(--xsf);color:var(--sref-ink)}
.sref-meta{margin-top:3px;font:400 12px/16px var(--xsf);color:var(--sref-ink3)}
.sref-acts{display:flex;flex-wrap:wrap;gap:6px}
.sref-btn{display:inline-flex;align-items:center;height:28px;padding:0 11px;border:1px solid var(--sref-line);background:#fff;white-space:nowrap;font:500 12px/1 var(--xsf);color:var(--sref-ink2)}
.sref-btn.sref-pri{border-color:var(--sref-brand);background:var(--sref-brand);font-weight:600;color:#fff}
.sref-st{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font:600 11.5px/16px var(--xsf);color:var(--sref-ink3)}
.sref-st::before{content:'';flex:none;width:7px;height:7px;background:currentColor}
.sref-st.sref-ok{color:var(--sref-ok)}
.sref-st.sref-warn{color:var(--sref-warn)}
.sref-tabs{display:flex;gap:2px;flex:none;padding:0 12px;border-bottom:1px solid var(--sref-line);overflow:hidden;white-space:nowrap}
.sref-tabs span{flex:none;padding:8px;border-bottom:2px solid transparent;font:600 12px/16px var(--xsf);color:var(--sref-ink3)}
.sref-tabs .sref-on{border-bottom-color:var(--sref-acc);color:var(--sref-acc)}
.sref-ch{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;flex:none;min-height:34px;padding:7px 16px;border-bottom:1px solid var(--sref-line2);font:700 10.5px/14px var(--xsf);letter-spacing:.12em;text-transform:uppercase;color:var(--sref-ink3)}
.sref-end{margin-left:auto;letter-spacing:0;text-transform:none;font:600 11.5px/16px var(--xsf);color:var(--sref-ink2)}
.sref-num{white-space:nowrap;font-family:var(--sref-mono);font-variant-numeric:tabular-nums}
.sref-foot{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;flex:none;padding:12px 16px;border-top:1px solid var(--sref-line);background:var(--sref-s2);font:400 12px/16px var(--xsf);color:var(--sref-ink3)}
.sref-foot b{font:700 14px/20px var(--sref-mono);color:var(--sref-ink)}
.sref-foot .sref-r{margin-left:auto}
.sref-trk{display:block;width:100%;height:8px}
.sref-f-bg{fill:var(--sref-line2)}
.sref-f-ok{fill:var(--sref-ok)}

.sref-plan{display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-evenly;gap:14px;padding:16px}
.sref-line{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:22px}
.sref-line::before{content:'';position:absolute;top:10px;left:16.6%;right:16.6%;height:2px;background:var(--sref-line)}
.sref-line::after{content:'';position:absolute;top:10px;left:16.6%;width:13.4%;height:2px;background:var(--sref-ok)}
.sref-line span{position:relative;z-index:1;justify-self:center;width:22px;height:22px;border:2px solid var(--sref-line);border-radius:50%;background:#fff}
.sref-line .sref-done{border-color:var(--sref-ok);background:var(--sref-ok)}
.sref-line .sref-next{border-color:var(--sref-acc)}
.sref-hoy{position:absolute;font-style:normal;z-index:2;top:-4px;left:30%;padding:1px 5px;transform:translateX(-50%);background:var(--sref-brand);font:700 9.5px/14px var(--xsf);letter-spacing:.06em;text-transform:uppercase;color:#fff}
.sref-hitos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sref-hito{display:flex;flex-direction:column;gap:3px;min-width:0;padding:10px;border:1px solid var(--sref-line);text-align:center}
.sref-hito-k{font:400 10.5px/14px var(--sref-mono);color:var(--sref-ink3)}
.sref-hito-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 12.5px/17px var(--xsf);color:var(--sref-ink)}
.sref-hito-v{font:700 14px/20px var(--sref-mono);color:var(--sref-brand)}
.sref-hito .sref-st{justify-content:center}
.sref-hito-d{font:400 10.5px/14px var(--xsf);color:var(--sref-ink3)}
.sref-hito.sref-done{border-color:#b7dcc8;background:var(--sref-okbg)}
.sref-cob-h{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font:400 12px/16px var(--xsf);color:var(--sref-ink2)}
.sref-cob-h b{font:700 13px/16px var(--sref-mono);color:var(--sref-ink)}

.sref-paper{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;margin:0 16px 16px;padding:12px 14px 12px;border:1px solid var(--sref-line);background:#fff;box-shadow:0 0 0 4px var(--sref-s2)}
.sref-pl{display:flex;justify-content:space-between;gap:10px;padding:3px 0;border-bottom:1px dotted var(--sref-line);font:400 12px/16px var(--xsf);color:var(--sref-ink2)}
.sref-pl>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sref-pl>span:last-child{flex:none;white-space:nowrap;font-family:var(--sref-mono);font-variant-numeric:tabular-nums}
.sref-pl.sref-cap{margin-top:6px;border-bottom:1px solid var(--sref-line);font-weight:700;color:var(--sref-brand)}
.sref-pl.sref-cap:first-child{margin-top:0}
.sref-pl.sref-sub{border-bottom:0;font-weight:700;color:var(--sref-ink)}
.sref-pl.sref-note{border-bottom:0;font-style:italic;color:var(--sref-ink3)}
.sref-tots{margin-top:6px;padding-top:6px;border-top:2px solid var(--sref-brand)}
.sref-tots .sref-pl{border-bottom:0}
.sref-tots .sref-big{font:700 13.5px/18px var(--xsf);color:var(--sref-brand)}
.sref-sign{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;min-width:0;max-width:100%;margin:auto 0 0;padding:10px 12px;border:1px solid #b7dcc8;background:var(--sref-okbg)}
.sref-sign>div{min-width:0}
.sref-sign-n,.sref-sign-d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sref-sign svg{flex:none}
.sref-pre{overflow:hidden}
.sref-pre .sref-tots{margin-bottom:10px}
.sref-sign-k{font:700 10px/14px var(--xsf);letter-spacing:.08em;text-transform:uppercase;color:var(--sref-ok)}
.sref-sign svg{display:block;width:118px;height:30px}
.sref-sign path{fill:none;stroke:var(--sref-brand);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sref-sign-n{font:600 12px/16px var(--xsf);color:var(--sref-ink)}
.sref-sign-d{font:400 11px/15px var(--xsf);color:var(--sref-ink3)}

.sref-fich{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;flex:none;border-top:1px solid var(--sref-line2);border-bottom:1px solid var(--sref-line2);background:var(--sref-line2)}
.sref-fich>div{min-width:0;padding:8px 12px;background:#fff}
.sref-fich b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 12px/16px var(--xsf);color:var(--sref-ink)}
.sref-fich span{font:400 11px/15px var(--sref-mono);color:var(--sref-ok)}
.sref-body{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;padding:12px 16px}
.sref-blk-k{margin-bottom:3px;font:700 10px/14px var(--xsf);letter-spacing:.1em;text-transform:uppercase;color:var(--sref-ink3)}
.sref-blk p{margin:0;font:400 12.5px/18px var(--xsf);color:var(--sref-ink2)}
.sref-blk.sref-inc{padding:8px 10px;border-left:3px solid #d97706;background:var(--sref-warnbg)}
.sref-blk.sref-inc .sref-blk-k{color:var(--sref-warn)}
.sref-fotos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:1 1 auto}
.sref-foto{position:relative;min-height:74px;overflow:hidden;border:1px solid var(--sref-line);background:#e7ebf1}
.sref-foto svg{position:absolute;inset:0;width:100%;height:100%}
.sref-foto span{position:absolute;left:0;right:0;bottom:0;padding:3px 6px;background:rgba(11,30,63,.72);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 10.5px/14px var(--xsf);color:#fff}
.sref-p-wall{fill:#dfe4ec}
.sref-p-tile{fill:#c9d3e2}
.sref-p-pipe{fill:none;stroke:#2D64BF;stroke-width:3;stroke-linecap:round}
.sref-p-wire{fill:none;stroke:#b45309;stroke-width:2.5;stroke-linecap:round}
.sref-p-box{fill:#f0e2c8;stroke:#a77c3c;stroke-width:1.5}
.sref-p-paper{fill:#fff;stroke:#b8c0cb;stroke-width:1}
.sref-p-ln{stroke:#9aa5b5;stroke-width:1.5}

.sref-modal{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding:16px;background:#e9edf3}
.sref-mc{display:flex;flex-direction:column;border:1px solid var(--sref-line);background:#fff;box-shadow:0 8px 24px rgba(11,30,63,.16)}
.sref-mh{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-bottom:1px solid var(--sref-line2)}
.sref-mi{display:grid;place-items:center;flex:none;width:30px;height:30px;background:var(--sref-accbg);color:var(--sref-acc)}
.sref-mi svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.sref-mt{font:700 14px/18px var(--xsf);color:var(--sref-ink)}
.sref-ms{font:400 11.5px/15px var(--xsf);color:var(--sref-ink3)}
.sref-mx{margin-left:auto;font:400 16px/1 var(--xsf);color:var(--sref-ink3)}
.sref-mb{display:flex;flex-direction:column;gap:10px;padding:12px 14px}
.sref-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:10px;border:1px solid var(--sref-line2)}
.sref-dl>div{min-width:0}
.sref-dk{font:700 9.5px/13px var(--xsf);letter-spacing:.1em;text-transform:uppercase;color:var(--sref-ink3)}
.sref-dv{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 12px/16px var(--xsf);color:var(--sref-ink)}
.sref-dv.sref-num{font-weight:700;color:var(--sref-acc)}
.sref-iva{padding:10px;border:1px solid #b7dcc8;background:var(--sref-okbg)}
.sref-iva-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;font:600 12px/16px var(--xsf);color:var(--sref-ink)}
.sref-iva-h b{font:700 18px/22px var(--sref-mono);color:var(--sref-ok)}
.sref-chk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 12px;margin:6px 0 0;padding:0;list-style:none}
.sref-chk li{position:relative;padding-left:16px;font:400 11.5px/16px var(--xsf);color:var(--sref-ink2)}
.sref-chk li::before{content:'';position:absolute;left:2px;top:4px;width:7px;height:4px;border-left:1.5px solid var(--sref-ok);border-bottom:1.5px solid var(--sref-ok);transform:rotate(-45deg)}
.sref-fld{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sref-lbl{display:block;margin-bottom:3px;font:600 11px/14px var(--xsf);color:var(--sref-ink2)}
.sref-in{display:flex;align-items:center;justify-content:space-between;height:28px;padding:0 8px;border:1px solid #c7cdd6;font:400 12px/1 var(--xsf);color:var(--sref-ink)}
.sref-in.sref-dd::after{content:'';width:6px;height:6px;margin-top:-3px;border-right:1.5px solid var(--sref-ink3);border-bottom:1.5px solid var(--sref-ink3);transform:rotate(45deg)}
.sref-brk{display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:var(--sref-s2)}
.sref-brk>div{display:flex;justify-content:space-between;gap:8px;font:400 12px/16px var(--xsf);color:var(--sref-ink2)}
.sref-brk b{font:600 12px/16px var(--sref-mono);color:var(--sref-ink)}
.sref-brk .sref-grand{padding-top:4px;border-top:1px solid var(--sref-line);font-weight:700;color:var(--sref-ink)}
.sref-brk .sref-grand b{font-size:14px;color:var(--sref-brand)}
.sref-mf{display:flex;justify-content:flex-end;gap:6px;padding:10px 14px;border-top:1px solid var(--sref-line2)}

@container (max-width:560px){
  .sref-srch,.sref-x{display:none}
  .sref-fotos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sref-chk{grid-template-columns:minmax(0,1fr)}
}
@container (max-width:440px){
  .sref-hd,.sref-plan,.sref-body,.sref-modal{padding-left:12px;padding-right:12px}
  .sref-paper{margin-left:12px;margin-right:12px;padding-left:10px;padding-right:10px}
  .sref-sign{padding-left:10px;padding-right:10px}
  .sref-sign svg{width:96px}
  .sref-line{display:none}
  .sref-hitos{grid-template-columns:minmax(0,1fr)}
  .sref-hito{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;text-align:left}
  .sref-hito-k,.sref-hito-n,.sref-hito-d{grid-column:1}
  .sref-hito-v{grid-column:2;grid-row:1/3;align-self:center}
  .sref-hito .sref-st{grid-column:2;justify-content:flex-end}
  .sref-fich{grid-template-columns:minmax(0,1fr)}
  .sref-dl,.sref-fld{grid-template-columns:minmax(0,1fr)}
}