/* Início do cliente no computador — v2 (2026-10-06). Celular segue com #mHome. */
#inicioLegado{display:none}
.iv2{display:flex; flex-direction:column; gap:16px}
@media(max-width:860px){.iv2{display:none}}
.iv2-carregando{padding:40px; text-align:center; color:var(--ink-500)}
.iv2-topo{display:flex; justify-content:space-between; align-items:flex-end; gap:16px; flex-wrap:wrap}
.iv2-topo h1{font-family:var(--font-display); font-size:26px; margin:0; color:var(--ink-900)}
.iv2-topo p{margin:4px 0 0; color:var(--ink-500); font-size:13.5px}
.iv2-sel{padding:8px 12px; border:1px solid var(--border-strong); border-radius:var(--r-md); background:var(--surface); color:var(--ink-900); font:inherit}
.iv2-precisa{display:flex; align-items:center; gap:12px; padding:12px 16px; border-radius:var(--r-lg); background:var(--warning-bg, #fff6e5); border:1px solid var(--warning, #e0a400); color:var(--ink-900); font-size:13.5px}
.iv2-precisa > span{flex:1; min-width:0}
.iv2-g{display:grid; gap:16px}
.iv2-hero-g{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
.iv2-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.iv2-21{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.iv2-11{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1100px){.iv2-hero-g,.iv2-21{grid-template-columns:minmax(0,1fr)}}
.iv2-hero{display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:20px; padding:24px; border-radius:var(--r-lg);
  background:linear-gradient(135deg,#14202b,#1f3242); color:#fff; min-height:240px}
.iv2-hero h2{font-family:var(--font-display); font-size:26px; margin:10px 0 6px; color:#fff}
.iv2-mut-esc{color:rgba(255,255,255,.72); font-size:13px}
.iv2-trk{height:10px; border-radius:99px; background:rgba(255,255,255,.15); margin:14px 0 8px; overflow:hidden}
.iv2-trk i{display:block; height:100%; background:var(--brand); border-radius:99px}
.iv2-cont{display:flex; gap:18px; margin-top:16px}
.iv2-cont b{font-family:var(--font-display); font-size:30px; display:block; line-height:1}
.iv2-cont span{font-size:12px; color:rgba(255,255,255,.7)}
.iv2-foto{position:relative; border-radius:var(--r-md); background:rgba(255,255,255,.08) center/cover no-repeat; min-height:180px; display:flex; flex-direction:column; justify-content:space-between; padding:12px}
.iv2-foto em{font-style:normal; align-self:flex-start; background:var(--brand); color:#fff; padding:4px 10px; border-radius:99px; font-size:12px; font-weight:600}
.iv2-foto span{align-self:flex-end; margin-top:auto; font-size:12px; color:rgba(255,255,255,.85)}
@media(max-width:1280px){.iv2-hero{grid-template-columns:minmax(0,1fr)} .iv2-foto{min-height:140px}}
.iv2-passo,.iv2-card,.iv2-kpi{padding:20px; display:flex; flex-direction:column; gap:6px}
.iv2-passo h3{font-family:var(--font-display); font-size:19px; margin:2px 0}
.iv2-passo > .btn{align-self:flex-start; margin-top:8px}
.iv2-r{font-size:11.5px; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-500); font-weight:600}
.iv2-brand{color:var(--brand)}
.iv2-n{font-family:var(--font-display); font-size:24px; color:var(--ink-900)}
.iv2-sk{color:var(--ink-300)}
.iv2-mut{color:var(--ink-500); font-size:12.5px; line-height:1.45}
.iv2-acoes{display:flex; gap:8px; flex-wrap:wrap; margin-top:auto; padding-top:10px}
.iv2-lista{margin-top:12px; border-top:1px solid var(--border); padding-top:10px}
.iv2-item{display:flex; align-items:center; gap:8px; font-size:13px; padding:4px 0; color:var(--ink-700)}
.iv2-ck{width:16px; height:16px; border-radius:4px; border:1.5px solid var(--border-strong); flex:none}
.iv2-ck.ok{background:var(--success); border-color:var(--success)}
.iv2-trk2{flex:1; height:6px; border-radius:99px; background:var(--surface-2); overflow:hidden}
.iv2-trk2 i{display:block; height:100%; border-radius:99px}
.iv2-card-h{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:8px}
.iv2-card-h h3{margin:0; font-size:15px}
.iv2-card-h a{font-size:12.5px; color:var(--brand); text-decoration:none}
.iv2-fases{display:grid; grid-template-columns:repeat(var(--n),minmax(0,1fr)); gap:4px}
.iv2-fase{display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; font-size:11.5px; color:var(--ink-500); position:relative}
.iv2-fase i{font-style:normal; width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--surface-2); border:1.5px solid var(--border-strong); font-size:12px; font-weight:600; z-index:1}
.iv2-fase:not(:last-child)::after{content:""; position:absolute; top:14px; left:calc(50% + 16px); right:calc(-50% + 16px); height:2px; background:var(--border)}
.iv2-fase.f i{background:var(--success); border-color:var(--success); color:#fff}
.iv2-fase.f::after{background:var(--success)}
.iv2-fase.a{color:var(--ink-900); font-weight:600}
.iv2-fase.a i{background:var(--brand); border-color:var(--brand); color:#fff; box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 20%,transparent)}
.iv2-obra{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px}
@media(max-width:1280px){.iv2-obra{grid-template-columns:minmax(0,1fr)}}
.iv2-etapa{display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 40px; align-items:center; gap:10px; font-size:13px; padding:5px 0}
.iv2-etapa b{text-align:right; font-size:12.5px}
.iv2-fotos{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px}
.iv2-fotos a{aspect-ratio:1; border-radius:8px; background:var(--surface-2) center/cover no-repeat}
.iv2-vazio{grid-column:1/-1; padding:24px; text-align:center; color:var(--ink-400); font-size:12.5px; background:var(--surface-2); border-radius:8px}
.iv2-linha{display:flex; align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid var(--border); font-size:13px}
.iv2-linha:last-child{border-bottom:none}
.iv2-ic{width:32px; height:32px; border-radius:8px; background:var(--surface-2); display:flex; align-items:center; justify-content:center; flex:none}
.iv2-atalhos{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px}
.iv2-atalho{display:flex; flex-direction:column; align-items:flex-start; gap:2px; padding:16px; border:1px solid var(--border); border-radius:var(--r-lg); background:var(--surface); font:inherit; font-size:12.5px; color:var(--ink-500); cursor:pointer; text-align:left}
.iv2-atalho:hover{border-color:var(--brand)}
.iv2-atalho i{font-style:normal; font-size:20px; margin-bottom:6px}
.iv2-atalho b{color:var(--ink-900); font-size:14px}
@media(max-width:1100px){.iv2-3{grid-template-columns:repeat(2,minmax(0,1fr))} .iv2-atalhos{grid-template-columns:repeat(2,minmax(0,1fr))}}