/* Tema de la app de obra civil (tonos tierra para diferenciarla de la de postes) */
body.civil{--brand:#3b2a12;--brand2:#8a5a1c;--accent:#f2a33a}
body.civil .hero{background:linear-gradient(135deg,#3b2a12,#7a4f18)}
.hero-sub{font-size:12.5px;opacity:.85;margin-top:4px}
.hero-num small{margin-left:4px}
.item-info{background:var(--soft);border-radius:10px;padding:10px 12px;font-size:13px;margin:-2px 0 12px;color:var(--ink)}
#segTramo button{display:flex;flex-direction:column;align-items:center;gap:2px}
#segTramo button small{font-size:11px;font-weight:500;opacity:.8}
#segEstado{grid-template-columns:repeat(3,1fr)}
.txt-bad{color:var(--bad)!important;font-weight:700}
.ens{border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:10px}
.ens-seg{grid-template-columns:1fr 1fr 1fr 44px!important;margin-top:4px}
.ens-seg button.s-ok{background:var(--ok);border-color:var(--ok);color:#fff}
.ens-seg button.s-nc{background:var(--bad);border-color:var(--bad);color:#fff}
.ens-seg button.s-na{background:#7b8794;border-color:#7b8794;color:#fff}
.av-cap{font-weight:800;font-size:13px;margin:14px 0 6px;color:var(--brand2);text-transform:uppercase;letter-spacing:.3px}
.av-cap:first-child{margin-top:4px}
#btnUbic{margin-top:10px}
td.num,th.num{text-align:right;white-space:nowrap}
tr.cap-row td{background:var(--soft);font-weight:800;color:var(--brand2)}
tr.tot-row td{font-weight:800;border-top:2px solid var(--ink)}
#avtable .bar{margin-top:0}
.sum-row b.txt-bad{color:var(--bad)}
@media (prefers-color-scheme: dark){ body.civil .hero{background:linear-gradient(135deg,#2a1d0c,#5c3b12)} }
.act b{white-space:nowrap}
.fld-err input,.fld-err select,input.fld-err,select.fld-err,.seg.fld-err{outline:3px solid var(--bad);outline-offset:1px;border-radius:10px}
body.wiz #toast{bottom:calc(120px + env(safe-area-inset-bottom));font-size:15px}
.inf-form{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;align-items:end}.inf-chk{grid-column:1/-1}.inf-res{margin:6px 0 12px;font-size:14px}
.dl-actions select{padding:9px 10px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink)}

#infVisor{position:fixed;inset:0;z-index:3000;background:#5b6672;display:flex;flex-direction:column}
#infVisor .iv-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;background:#3b2a12;color:#fff}
#infVisor .iv-bar .muted{color:#cfe0ee;font-size:13px}#infVisor .iv-acc{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
#infVisor .iv-acc button{background:#fff;color:#3b2a12;border:0;padding:8px 12px;border-radius:8px;font-weight:600;cursor:pointer}#infVisor .iv-acc button:disabled{opacity:.5}
#infFrame{flex:1;border:0;background:#fff;width:100%;max-width:1100px;margin:10px auto;box-shadow:0 2px 12px rgba(0,0,0,.3)}

#infVisor .iv-acc{gap:0;align-items:center}#infVisor .iv-sep{width:1px;height:30px;background:rgba(255,255,255,.35);margin:0 14px}
#infVisor .iv-acc button.iv-pdf{background:#1f9d55;color:#fff;font-size:15px;padding:10px 16px}#infVisor .iv-acc button.iv-print{background:#e8eef4;color:#0b2e4a}
#infVisor .iv-acc button{width:auto;flex:none;margin:0}