/* MASTER INDUSTRIA · página de ingeniería: instrumentos interactivos.
   Se carga después de site.css y reutiliza sus tokens y su fresado. */

/* ── Cabecera de instrumento ──────────────────────────────────────── */
.ig-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:clamp(20px,2.4vw,32px)}
.ig-h h2{margin:10px 0 0;font-family:var(--f-d);font-weight:700;font-size:clamp(22px,2.6vw,34px);line-height:1.04;letter-spacing:.03em;text-transform:uppercase;color:#fff}
.ig-h p{max-width:56ch;margin:12px 0 0;font-size:14.5px;line-height:1.6;color:var(--ink);text-wrap:pretty}
.ig-note{font-size:12.5px;line-height:1.58;color:var(--ink);max-width:66ch;margin:16px 0 0}
.ig-note b{color:#fff;font-weight:400}

/* ── Plancha fresada de instrumento ───────────────────────────────── */
/* La plancha de instrumento es un .panel (site.css): aquí solo el interior. */
.ig-p{position:relative;padding:clamp(24px,1.9vw,28px)}
.ig-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(22px,3vw,52px);align-items:start}
.ig-k{display:block;font-family:var(--f-d);font-weight:700;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:rgba(214,228,232,.68)}

/* ── Controles ─────────────────────────────────────────────────────── */
.ig-ctrl{display:grid;gap:clamp(16px,1.8vw,22px);margin-top:14px}
.ig-f{display:grid;gap:7px}
.ig-fl{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-family:var(--f-d);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--hielo)}
.ig-fl output{font-size:15px;letter-spacing:.02em;color:var(--oro)}
.ig-f input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:grab}
.ig-f input[type=range]:active{cursor:grabbing}
.ig-f input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,rgba(250,175,66,.55),rgba(214,228,232,.14));box-shadow:inset 0 1px 0 rgba(4,13,22,.6)}
.ig-f input[type=range]::-moz-range-track{height:4px;background:linear-gradient(90deg,rgba(250,175,66,.55),rgba(214,228,232,.14))}
.ig-f input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:22px;margin-top:-9px;background:linear-gradient(180deg,#F2F7F9,#8FA6B3);box-shadow:0 1px 0 rgba(4,13,22,.7),inset 0 0 0 1px rgba(4,13,22,.35);clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%)}
.ig-f input[type=range]::-moz-range-thumb{width:15px;height:22px;border:0;background:linear-gradient(180deg,#F2F7F9,#8FA6B3);clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%)}
.ig-f input[type=range]:focus-visible{outline:2px solid var(--oro);outline-offset:4px}
.ig-seg{display:flex;flex-wrap:wrap;gap:8px}
.ig-seg button{--bch:9px;min-height:34px;padding:0 14px;border:0;background:rgba(214,228,232,.08);color:var(--hielo);font-family:var(--f-d);font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;clip-path:polygon(var(--bch) 0,100% 0,100% calc(100% - var(--bch)),calc(100% - var(--bch)) 100%,0 100%,0 var(--bch));transition:background .24s,color .24s}
.ig-seg button:hover{background:rgba(250,175,66,.24)}
.ig-seg button[aria-pressed=true]{background:var(--oro);color:var(--navy)}
.ig-seg button:focus-visible{outline:2px solid var(--oro);outline-offset:3px}

/* ── Lecturas ──────────────────────────────────────────────────────── */
.ig-out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,18px);margin-top:14px}
.ig-o{--bch:12px;padding:16px 16px 18px;background:linear-gradient(180deg,rgba(214,228,232,.07),rgba(214,228,232,.02));box-shadow:inset 0 1px 0 rgba(214,228,232,.14);clip-path:polygon(var(--bch) 0,100% 0,100% calc(100% - var(--bch)),calc(100% - var(--bch)) 100%,0 100%,0 var(--bch))}
.ig-o span{display:block;font-family:var(--f-d);font-weight:700;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(214,228,232,.68)}
.ig-o b{display:block;margin-top:8px;font-family:var(--f-d);font-weight:700;font-size:clamp(22px,2.4vw,30px);line-height:1;letter-spacing:.01em;color:#fff;font-variant-numeric:tabular-nums}
.ig-o i{font-style:normal;font-size:.5em;letter-spacing:.08em;color:var(--ink);margin-left:5px}
.ig-o.on b{color:var(--oro)}

/* ── Corte de pared ───────────────────────────────────────────────── */
.ig-cut{width:100%;height:auto;display:block}
.ig-cut .stroke{fill:none;stroke:rgba(214,228,232,.34);stroke-width:1}
.ig-cut .thin{fill:none;stroke:rgba(214,228,232,.18);stroke-width:.7;stroke-dasharray:5 4}
.ig-cut .wall{fill:url(#igSteel);stroke:rgba(214,228,232,.5);stroke-width:.8;transition:all .3s cubic-bezier(.2,.7,.2,1)}
.ig-cut .fluid{fill:rgba(43,159,253,.08)}
.ig-cut .dim{fill:none;stroke:rgba(250,175,66,.6);stroke-width:.8}
.ig-cut text{font-family:var(--f-d);font-weight:700;font-size:11px;letter-spacing:.1em;fill:rgba(214,228,232,.62)}
.ig-cut text.oro{fill:var(--oro)}

/* ── Códigos y normas ─────────────────────────────────────────────── */
.ig-codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:clamp(12px,1.4vw,18px);margin-top:clamp(20px,2.2vw,30px)}
.ig-code{--bch:12px;padding:16px 18px 18px;background:var(--navy);box-shadow:inset 0 1px 0 rgba(214,228,232,.12);clip-path:polygon(var(--bch) 0,100% 0,100% calc(100% - var(--bch)),calc(100% - var(--bch)) 100%,0 100%,0 var(--bch));transition:opacity .3s,transform .3s}
.ig-code b{display:block;font-family:var(--f-d);font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--oro)}
.ig-code span{display:block;margin-top:7px;font-size:13px;line-height:1.5;color:var(--ink)}
.ig-code[hidden]{display:none}

/* ── Campo numérico junto al deslizador ───────────────────────────── */
.ig-fl label{cursor:pointer}
.ig-fl em{font-style:normal;font-weight:400;letter-spacing:.08em;color:var(--ink);text-transform:none;font-family:var(--f-b);font-size:12px;margin-left:4px}
.ig-in{display:inline-flex;align-items:baseline;gap:6px;flex:none}
.ig-in input{width:6.4em;padding:3px 6px 2px;border:0;border-bottom:1px solid rgba(250,175,66,.55);background:rgba(214,228,232,.06);color:var(--oro);font-family:var(--f-d);font-weight:700;font-size:16px;letter-spacing:.02em;text-align:right;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
.ig-in input::-webkit-outer-spin-button,.ig-in input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ig-in input::placeholder{color:rgba(250,175,66,.55)}
.ig-in input:focus-visible,.ig-sel:focus-visible,.ig-st input:focus-visible,.ig-add:focus-visible,.ig-del:focus-visible,.ig-base summary:focus-visible{outline:2px solid var(--oro);outline-offset:2px}
.ig-in i{font-style:normal;font-family:var(--f-d);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:none;color:var(--ink);min-width:3.6em}
.ig-in input[aria-invalid=true],.ig-st input[aria-invalid=true]{border-bottom-color:#FF8F80;color:#FF8F80;background:rgba(255,143,128,.08)}
.ig-err{margin:0;font-size:12.5px;line-height:1.4;color:#FF9F92}
.ig-grp{display:grid;gap:clamp(16px,1.8vw,22px)}
.ig-grp[hidden]{display:none}
.ig-sel{width:100%;min-width:0;max-width:100%;text-overflow:ellipsis;min-height:38px;padding:0 12px;border:0;border-bottom:1px solid rgba(250,175,66,.55);background:rgba(214,228,232,.06);color:var(--hielo);font-family:var(--f-b);font-size:14px}
.ig-sel option{background:var(--navy);color:var(--hielo)}
.ig-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ig-o small{display:block;margin-top:8px;font-size:12px;line-height:1.4;color:var(--ink)}
.ig-o small b{display:inline;margin:0;font:inherit;font-weight:600;color:var(--hielo);letter-spacing:0}
.ig-o.bad b{color:#FF9F92}

/* ── Bases de cálculo plegables ───────────────────────────────────── */
.ig-base{margin-top:16px;max-width:70ch;border-top:1px solid var(--navy-line)}
.ig-base summary{padding:12px 0 2px;cursor:pointer;font-family:var(--f-d);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--hielo)}
.ig-base summary::marker{color:var(--oro)}
.ig-base p{font-size:12.5px;line-height:1.6;color:var(--ink);margin:10px 0 0}
.ig-base sub{font-size:.75em}
.ig-fuelnote{margin-top:14px}
.ig-warn{margin:14px 0 0;padding:10px 14px;font-size:13px;line-height:1.5;color:var(--hielo);background:rgba(255,143,128,.1);box-shadow:inset 3px 0 0 #FF8F80}
.ig-warn[hidden]{display:none}
.ig-verdict{margin-top:14px;font-size:13.5px;line-height:1.55;color:var(--hielo);text-wrap:pretty}
.ig-verdict b{color:var(--oro);font-weight:400}

/* ── Balance de energía ───────────────────────────────────────────── */
.ig-bal{margin-top:clamp(18px,2vw,24px)}
.ig-bal-bar{display:flex;height:14px;margin-top:11px;background:rgba(214,228,232,.09);overflow:hidden}
.ig-bal-bar i{display:block;height:100%;transition:width .3s cubic-bezier(.2,.7,.2,1)}
.ig-bal-bar i+i{box-shadow:inset 1px 0 0 var(--navy)}
.ig-bal .s1{background:#2B9FFD}.ig-bal .s2{background:#FAAF42}.ig-bal .s3{background:#8FA6B3}.ig-bal .s4{background:rgba(214,228,232,.22)}
.ig-bal-leg{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;padding:0;list-style:none;font-size:12.5px;color:var(--ink)}
.ig-bal-leg i{display:inline-block;width:12px;height:8px;margin-right:7px;vertical-align:middle}
.ig-bal-leg b{color:#fff;font-weight:600;font-variant-numeric:tabular-nums}

/* ── Corte: franja de corrosión ───────────────────────────────────── */
.ig-cut .ca{fill:rgba(250,175,66,.55)}
.ig-cut text.ca-t{font-family:var(--f-b);font-weight:400;font-size:9.5px;letter-spacing:.04em;fill:rgba(250,175,66,.8)}

/* ── Viga ─────────────────────────────────────────────────────────── */
.ig-beam{width:100%;height:auto;display:block;margin-top:10px}
.ig-beam .bm{fill:#5E7C8C;stroke:rgba(214,228,232,.6);stroke-width:.8}
.ig-beam .sup{fill:none;stroke:rgba(214,228,232,.6);stroke-width:1.2}
.ig-beam .gnd{stroke:rgba(214,228,232,.35);stroke-width:1}
.ig-beam #v-arrows path{fill:none;stroke:var(--oro);stroke-width:1.1}
.ig-beam .ld{stroke:var(--oro);stroke-width:1.1}
.ig-beam .mom{fill:rgba(43,159,253,.16);stroke:#2B9FFD;stroke-width:1.2}
.ig-beam .defl{fill:none;stroke:rgba(214,228,232,.75);stroke-width:1.2;stroke-dasharray:4 3}
.ig-beam .dim{fill:none;stroke:rgba(250,175,66,.6);stroke-width:.8}
.ig-beam text{font-family:var(--f-d);font-weight:700;font-size:11px;letter-spacing:.08em;fill:var(--hielo)}
.ig-beam text.oro{fill:var(--oro)}
.ig-chk{margin-top:clamp(16px,1.8vw,22px)}
.ig-chk ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:12px}
.ig-chk li{display:grid;grid-template-columns:minmax(0,11em) minmax(0,1fr) 3.6em;gap:4px 14px;align-items:center}
.ig-ck-n{font-family:var(--f-d);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--hielo)}
.ig-ck-n em{font-style:normal;color:var(--ink);letter-spacing:.06em;margin-left:4px}
.ig-ck-b{position:relative;height:8px;background:rgba(214,228,232,.09)}
.ig-ck-b i{position:absolute;inset:0 auto 0 0;background:#2B9FFD;transition:width .3s cubic-bezier(.2,.7,.2,1)}
.ig-chk li.bad .ig-ck-b i{background:#FF8F80}
.ig-chk li>b{font-family:var(--f-d);font-weight:700;font-size:16px;text-align:right;color:#fff;font-variant-numeric:tabular-nums}
.ig-chk li.bad>b{color:#FF9F92}
.ig-ck-d{grid-column:1/-1;font-size:12px;color:var(--ink);margin-top:-2px}

/* ── Línea de producción ──────────────────────────────────────────── */
.ig-lin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,3vw,52px);align-items:start}
.ig-ctrl3{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px 18px}
.ig-ctrl3 .ig-fl{flex-direction:column;align-items:flex-start;gap:6px}
.ig-k2{margin-top:clamp(20px,2.2vw,28px)}
.ig-st-h,.ig-st-r{display:grid;grid-template-columns:2.2em minmax(0,1fr) 5.4em 5.2em 5.4em 34px;gap:8px;align-items:center}
.ig-st-h{margin-top:12px;padding-bottom:6px;border-bottom:1px solid var(--navy-line);font-family:var(--f-d);font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(214,228,232,.68)}
.ig-st{list-style:none;margin:0;padding:0;display:grid}
.ig-st-r{padding:7px 0;border-bottom:1px solid var(--navy-line)}
.ig-st-n{font-family:var(--f-d);font-weight:700;font-size:13px;letter-spacing:.08em;color:var(--oro)}
.ig-c{display:block;min-width:0}
.ig-cl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ig-st input{width:100%;min-height:34px;padding:2px 8px;border:0;border-bottom:1px solid rgba(214,228,232,.22);background:rgba(214,228,232,.05);color:var(--hielo);font-family:var(--f-b);font-size:14px;font-variant-numeric:tabular-nums}
.ig-st input[type=number]{text-align:right;-moz-appearance:textfield;appearance:textfield}
.ig-st input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ig-del{width:34px;height:34px;border:0;background:rgba(214,228,232,.07);color:var(--hielo);font-size:18px;line-height:1;cursor:pointer}
.ig-del:hover{background:rgba(255,143,128,.2)}
.ig-del:disabled,.ig-add:disabled{opacity:.4;cursor:not-allowed}
.ig-add{--bch:9px;margin-top:14px;min-height:36px;padding:0 16px;border:0;background:rgba(214,228,232,.08);color:var(--hielo);font-family:var(--f-d);font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;clip-path:polygon(var(--bch) 0,100% 0,100% calc(100% - var(--bch)),calc(100% - var(--bch)) 100%,0 100%,0 var(--bch))}
.ig-add:hover:not(:disabled){background:rgba(250,175,66,.24)}
.ig-flow{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 22px}
#ig-viga .ig-out{grid-template-columns:repeat(4,minmax(0,1fr))}
#ig-linea .ig-out{margin-top:clamp(16px,1.8vw,22px)}
.ig-node{--bch:10px;position:relative;padding:12px 12px 13px;background:linear-gradient(180deg,rgba(214,228,232,.07),rgba(214,228,232,.02));box-shadow:inset 0 1px 0 rgba(214,228,232,.14)}
.ig-node::after{content:'';position:absolute;top:50%;right:-17px;width:12px;height:12px;margin-top:-6px;background:rgba(214,228,232,.4);clip-path:polygon(0 0,100% 50%,0 100%)}
.ig-node:last-child::after,.ig-node:nth-child(3n)::after{display:none}
.ig-node.cb{box-shadow:inset 0 0 0 1px var(--oro)}
.ig-node-k{display:block;font-family:var(--f-d);font-weight:700;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(214,228,232,.68)}
.ig-node.cb .ig-node-k{color:var(--oro)}
.ig-node b{display:block;margin-top:5px;font-family:var(--f-d);font-weight:700;font-size:15px;line-height:1.1;letter-spacing:.04em;text-transform:uppercase;color:#fff;overflow-wrap:anywhere}
.ig-node-d{display:block;margin-top:6px;font-size:12px;line-height:1.35;color:var(--ink)}
.ig-node-u{position:relative;display:block;height:6px;margin-top:9px;background:rgba(214,228,232,.09)}
.ig-node-u i{position:absolute;inset:0 auto 0 0;background:#2B9FFD;transition:width .3s cubic-bezier(.2,.7,.2,1)}
.ig-node.cb .ig-node-u i{background:var(--oro)}
.ig-node-u em{position:absolute;top:-3px;bottom:-3px;width:1px;background:rgba(214,228,232,.6)}
.ig-node-p{display:block;margin-top:6px;font-family:var(--f-d);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--hielo)}

/* ── Instrumentos 05–07 ───────────────────────────────────────────── */
.ig-f[hidden]{display:none}
.ig-hint{margin:0;font-size:12px;line-height:1.45;color:var(--ink)}
.ig-acc,.ig-pc{display:grid;gap:8px 14px;margin-top:2px}
.ig-acc{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.ig-acc label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--hielo);cursor:pointer}
.ig-acc input,.ig-pc input{width:4.6em;min-height:32px;padding:2px 8px;border:0;border-bottom:1px solid rgba(214,228,232,.22);background:rgba(214,228,232,.05);color:var(--hielo);font-family:var(--f-b);font-size:14px;text-align:right;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
.ig-pc{grid-template-columns:1.6em minmax(0,7em) minmax(0,7em);align-items:center;margin-top:12px;justify-content:start}
.ig-pc>span{font-family:var(--f-d);font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(214,228,232,.68)}
.ig-pc b{font-family:var(--f-d);font-weight:700;font-size:13px;color:var(--oro)}
.ig-pc input{width:100%}
.ig-acc input:focus-visible,.ig-pc input:focus-visible,.ig-adv summary:focus-visible{outline:2px solid var(--oro);outline-offset:2px}
.ig-acc input[aria-invalid=true],.ig-pc input[aria-invalid=true]{border-bottom-color:#FF8F80;color:#FF8F80}
.ig-acc input::-webkit-inner-spin-button,.ig-pc input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ig-in2{margin-top:0}
.ig-adv{margin-top:clamp(18px,2vw,24px);border-top:1px solid var(--navy-line)}
.ig-adv summary{padding:12px 0 2px;cursor:pointer;font-family:var(--f-d);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--hielo)}
.ig-adv summary::marker{color:var(--oro)}
.ig-adv .ig-hint{margin-top:10px}

.ig-chart,.ig-uni,.ig-trough,.ig-side{width:100%;height:auto;display:block;margin-top:10px}
.ig-uni{max-width:460px}
@media(min-width:1001px){#ig-bomba .ig-grid>div:last-child{position:sticky;top:96px}}
.ig-chart text,.ig-trough text,.ig-side text{font-family:var(--f-d);font-weight:700;font-size:8px;letter-spacing:.06em;fill:rgba(214,228,232,.74)}
.ig-chart .ax{font-size:7.5px;letter-spacing:.1em;fill:rgba(214,228,232,.74)}
.ig-chart .gr{stroke:rgba(214,228,232,.09);stroke-width:1}
.ig-chart .axl{fill:none;stroke:rgba(214,228,232,.4);stroke-width:1}
.ig-chart .por{fill:rgba(214,228,232,.07)}
.ig-chart .sys{fill:none;stroke:#2B9FFD;stroke-width:2}
.ig-chart .pump{fill:none;stroke:var(--oro);stroke-width:2}
.ig-chart .cat{fill:var(--navy);stroke:var(--oro);stroke-width:1.2}
.ig-chart .dp{stroke:rgba(43,159,253,.5);stroke-width:1;stroke-dasharray:3 3}
.ig-chart .dpm{fill:var(--navy);stroke:#2B9FFD;stroke-width:1.6}
.ig-chart .op{fill:var(--oro);stroke:var(--navy);stroke-width:2}
.ig-chart .opt{fill:#fff;font-size:8.5px}
.ig-leg{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:8px;font-family:var(--f-d);font-weight:700;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(214,228,232,.74)}
.ig-leg i{display:inline-block;width:16px;height:3px;margin-right:7px;vertical-align:middle}
.ig-leg .l-sys{background:#2B9FFD}.ig-leg .l-pump{background:var(--oro)}.ig-leg .l-por{height:10px;background:rgba(214,228,232,.18)}.ig-leg .l-op{width:9px;height:9px;border-radius:50%;background:var(--oro)}
.ig-flags{display:grid;gap:8px;margin-top:14px}
.ig-flags:empty{display:none}
.ig-flag{margin:0;padding:9px 13px;font-size:13px;line-height:1.5;color:var(--hielo);background:rgba(43,159,253,.08);box-shadow:inset 3px 0 0 #2B9FFD}
.ig-flag.warn{background:rgba(255,143,128,.1);box-shadow:inset 3px 0 0 #FF8F80}
.ig-flag b{font-weight:600;color:#fff}
.ig-tab{margin-top:clamp(16px,1.8vw,22px);overflow-x:auto}
.ig-tab table{width:100%;margin-top:8px;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.ig-tab th,.ig-tab td{padding:7px 8px;text-align:right;border-bottom:1px solid var(--navy-line);color:var(--hielo);white-space:nowrap}
.ig-tab thead th{font-family:var(--f-d);font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(214,228,232,.68)}
.ig-tab th:first-child{text-align:left}
.ig-tab tbody th{font-family:var(--f-d);font-weight:700;letter-spacing:.06em;color:#fff}
.ig-tab tr.cur th,.ig-tab tr.cur td{background:rgba(250,175,66,.08)}
.ig-tab tr.cur th{color:var(--oro)}
.ig-tab td.off{color:#FF9F92}
.ig-tab td span{color:var(--ink);font-size:12px}

.ig-uni .eq{fill:none;stroke:var(--hielo);stroke-width:1.4}
.ig-uni .mot{fill:rgba(250,175,66,.1);stroke:var(--oro);stroke-width:1.6}
.ig-uni .ln{stroke:var(--hielo);stroke-width:1.4}
.ig-uni .cab{stroke:var(--oro);stroke-width:3}
.ig-uni .tick{stroke:var(--oro);stroke-width:1.2}
.ig-uni text{font-family:var(--f-b);font-size:10px;fill:rgba(214,228,232,.8)}
.ig-uni text.k{font-family:var(--f-d);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;fill:#fff}
.ig-uni text.bad{font-family:var(--f-d);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;fill:#FF9F92}
.ig-uni text.sym{font-family:var(--f-d);font-weight:700;font-size:12px;fill:var(--oro)}
.ig-vd{margin-top:12px}
.ig-vd-bar{position:relative;height:10px;margin-top:10px;background:rgba(214,228,232,.09)}
.ig-vd-bar i{position:absolute;inset:0 auto 0 0;background:#2B9FFD;transition:width .3s cubic-bezier(.2,.7,.2,1)}
.ig-vd-bar i.bad{background:#FF8F80}
.ig-vd-bar em{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--oro)}
.ig-vd p{margin:8px 0 0;font-size:12.5px;color:var(--ink)}
.ig-vd p b{color:#fff;font-weight:600}

.ig-trough .roll{fill:#3E5768;stroke:rgba(214,228,232,.45);stroke-width:.8}
.ig-trough .belt,.ig-side .belt{fill:none;stroke:#11161b;stroke-width:4;stroke-linejoin:round}
.ig-trough .belt{stroke:#8FA6B3;stroke-width:3}
.ig-trough .mat{fill:rgba(250,175,66,.55);stroke:var(--oro);stroke-width:1}
.ig-trough .dim,.ig-side .dim{fill:none;stroke:rgba(250,175,66,.6);stroke-width:.8;stroke-dasharray:3 3}
.ig-trough text.oro,.ig-side text.oro{fill:var(--oro)}
.ig-trough text.lab,.ig-side text.lab{fill:#fff;font-size:9px}
.ig-trough text.sm,.ig-side text.sm{font-family:var(--f-b);font-weight:400;font-size:8px;letter-spacing:0}
.ig-side .belt{stroke:#8FA6B3;stroke-width:2.5}
.ig-side .belt.ret{stroke:rgba(143,166,179,.45);stroke-width:1.5}
.ig-side .pul{fill:var(--navy);stroke:var(--hielo);stroke-width:1.4}
.ig-side .pul.drv{stroke:var(--oro)}
.ig-side .gnd{stroke:rgba(214,228,232,.2);stroke-width:1}
.ig-trough+.ig-k{margin-top:14px}

@media(max-width:1000px){
.ig-grid,.ig-lin{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
.ig-p{padding:24px}
.ig-out{grid-template-columns:repeat(2,minmax(0,1fr))}
.ig-o{padding:14px 12px 15px}
.ig-chk li{grid-template-columns:minmax(0,1fr) 3.6em}
.ig-ck-b{grid-column:1/-1;order:3}
.ig-ck-d{order:4}
.ig-st-h{display:none}
.ig-st-r{grid-template-columns:repeat(3,minmax(0,1fr)) 34px;gap:8px 10px;padding:12px 0;align-items:end}
.ig-st-n{grid-column:1/-1}
.ig-st-r .ig-c:nth-of-type(1){grid-column:1/-1}
.ig-cl{position:static;width:auto;height:auto;clip:auto;display:block;margin-bottom:4px;font-family:var(--f-d);font-weight:700;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(214,228,232,.68);white-space:normal}
.ig-del{align-self:end}
.ig-flow{grid-template-columns:1fr;gap:16px}
#ig-viga .ig-out{grid-template-columns:repeat(2,minmax(0,1fr))}
.ig-node:nth-child(3n)::after{display:block}
.ig-node:last-child::after{display:none}
.ig-node::after{top:auto;bottom:-14px;right:auto;left:50%;margin:0 0 0 -6px;clip-path:polygon(0 0,100% 0,50% 100%);height:10px}
.ig-fl{flex-wrap:wrap}
.ig-beam text{font-size:15px}
.ig-chart text{font-size:13px}
.ig-chart .opt{font-size:13px}
.ig-uni text{font-size:11px}
.ig-uni text.k,.ig-uni text.bad,.ig-uni text.sym{font-size:12px}
.ig-trough text,.ig-side text{font-size:13px}
.ig-trough text.sm,.ig-side text.sm{font-size:12px}
.ig-pc{grid-template-columns:1.6em minmax(0,1fr) minmax(0,1fr);justify-content:stretch}
.ig-tab table{font-size:11.5px}
.ig-tab th,.ig-tab td{padding:6px 3px;white-space:normal}
.ig-tab thead th{font-size:9px;letter-spacing:.06em}
.ig-cut text{font-size:14px}
.ig-cut text.ca-t{font-size:12px}
}

/* La página encadena seis secciones del mismo fondo: con el aire estándar
   de sección la transición queda vacía, así que se acorta el ritmo. */
.ingenieria-page .sec{padding-block:clamp(54px,6vw,96px)}
.ingenieria-page .sec-head{margin-bottom:clamp(28px,3.2vw,46px)}

/* ═════════════════════════════════════════════════════════════════
   AYUDAS · 20 oct 2026: área táctil de 44 px en las opciones y hoja de
   cálculo impresa. El corte y el fondo de cada opción pasan a ::before
   (34 px visibles, como antes); el botón ocupa 44 px de alto.
   ═════════════════════════════════════════════════════════════════ */
.ig-seg{row-gap:0}
.ig-seg button,.ig-seg button:hover,.ig-seg button[aria-pressed=true]{position:relative;isolation:isolate;min-height:44px;background:none;clip-path:none}
.ig-seg button::before{content:'';position:absolute;inset:5px 0;z-index:-1;background:rgba(214,228,232,.08);clip-path:polygon(var(--bch) 0,100% 0,100% calc(100% - var(--bch)),calc(100% - var(--bch)) 100%,0 100%,0 var(--bch));transition:background .24s}
.ig-seg button:hover::before{background:rgba(250,175,66,.24)}
.ig-seg button[aria-pressed=true]::before{background:var(--oro)}
.ig-seg button:focus-visible{outline-offset:-2px}
.ig-p .herr{margin-top:18px;padding-top:4px;border-top:1px solid var(--navy-line)}

@media print{
/* Un solo instrumento: se oculta todo lo demás de la página. */
body.imprime-uno main>:not([data-imprimir]):not(.print-cab){display:none!important}
.ig-in input::placeholder{color:transparent}
body.imprime-uno [data-imprimir] .ig-h p{display:block}
.ig-grid,.ig-lin{grid-template-columns:minmax(0,1fr)!important;gap:4mm!important}
.ig-p{padding:4mm!important}
.ig-h{margin-bottom:3mm!important;display:block}
.ig-h h2{font-size:15pt!important}
.ig-seg button[aria-pressed=false]{display:none!important}
.ig-seg button,.ig-seg button[aria-pressed=true]{min-height:0!important;padding:1mm 3mm!important;border:1px solid #000!important;font-size:9pt}
.ig-seg button::before{display:none!important}
.ig-in input,.ig-sel,.ig-st input,.ig-acc input,.ig-pc input{border:0!important;border-bottom:1px solid #777!important;font-weight:700}
.ig-ctrl{gap:2.5mm!important}
.ig-out{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2mm!important}
#ig-viga .ig-out{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.ig-o{border:1px solid #999;padding:2mm 3mm!important;break-inside:avoid}
.ig-o b{font-size:15pt!important}
.ig-o.on{border:1.5px solid #000}
.ig-node{border:1px solid #999;break-inside:avoid}
.ig-add,.ig-del,.ig-st-h{display:none!important}
.ig-st-r{grid-template-columns:2.2em minmax(0,1fr) 5.4em 5.2em 5.4em!important}
.ig-warn,.ig-flag{border-left:3px solid #000;padding:2mm 3mm!important}
.ig-base,.ig-adv{max-width:none;border-top:1px solid #999}
.ig-base summary,.ig-adv summary{list-style:none}
.ig-tab{overflow:visible!important}
.ig-tab th,.ig-tab td{border-bottom:1px solid #bbb}
.ig-tab tr.cur th,.ig-tab tr.cur td{font-weight:700}
.ig-codes,.ig-code{break-inside:avoid}
/* barras y gráficos con colores de imprenta */
.ig-bal-bar,.ig-ck-b,.ig-node-u,.ig-vd-bar{background:#e4e4e4!important}
.ig-bal .s1,.ig-ck-b i,.ig-node-u i,.ig-vd-bar i,.ig-leg .l-sys{background:#1F6FC0!important}
.ig-bal .s2,.ig-node.cb .ig-node-u i,.ig-leg .l-pump,.ig-leg .l-op{background:#C77A00!important}
.ig-bal .s3{background:#6B7F8A!important}.ig-bal .s4{background:#BBB!important}
.ig-leg .l-por{background:#ddd!important}
.ig-chk li.bad .ig-ck-b i,.ig-vd-bar i.bad{background:#C0392B!important}
.ig-vd-bar em{background:#000!important}
.ig-bal-leg i{border:1px solid #000}
.ig-cut text,.ig-beam text,.ig-chart text,.ig-uni text,.ig-trough text,.ig-side text{fill:#000!important}
.ig-cut text.oro,.ig-beam text.oro,.ig-trough text.oro,.ig-side text.oro,.ig-uni text.sym,.ig-cut text.ca-t{fill:#8A5600!important}
.ig-uni text.bad{fill:#C0392B!important}
.ig-cut .thin,.ig-chart .gr{stroke:#ccc!important}
.ig-cut .fluid{fill:#E3F0FB!important}
.ig-cut .dim,.ig-beam .dim,.ig-trough .dim,.ig-side .dim{stroke:#8A5600!important}
.ig-chart .axl,.ig-beam .sup,.ig-beam .defl,.ig-uni .eq,.ig-uni .ln,.ig-side .belt,.ig-trough .belt,.ig-side .pul{stroke:#333!important}
.ig-beam .gnd,.ig-side .gnd,.ig-side .belt.ret{stroke:#888!important}
.ig-beam .bm{fill:#9AA9B1!important;stroke:#333!important}
.ig-beam .mom{fill:#DCEBFA!important;stroke:#1F6FC0!important}
.ig-beam .ld,.ig-beam #v-arrows path,.ig-uni .cab,.ig-uni .tick,.ig-chart .pump{stroke:#C77A00!important}
.ig-chart .sys,.ig-chart .dp{stroke:#1F6FC0!important}
.ig-chart .por{fill:#EEE!important}
.ig-chart .cat,.ig-chart .dpm,.ig-side .pul{fill:#fff!important}
.ig-chart .op{fill:#C77A00!important;stroke:#fff!important}
.ig-uni .mot{fill:#FFF3DF!important;stroke:#C77A00!important}
.ig-trough .roll{fill:#BBB!important;stroke:#555!important}
.ig-trough .mat{fill:#F6D7A7!important;stroke:#C77A00!important}
.ig-side .pul.drv{stroke:#C77A00!important}
}