/* DANGOFE OS · Taller Power Wave · «La pieza de hoy» del técnico (T116) · taller-invhoy.css v1.0.0 · 2026-10-27 · liquid glass base clara + Noche azul · rojo Power Wave · sin sombras */
.ih{--ih-fg:#16181d;--ih-fg2:#3d434f;--ih-mut:#5b6270;--ih-line:rgba(22,24,29,.12);--ih-vidrio:rgba(255,255,255,.74);--ih-vidrio2:rgba(255,255,255,.56);--ih-campo:rgba(255,255,255,.9);--ih-rojo:#ec3237;--ih-rojo-t:#b5161c;--ih-rojo2:rgba(236,50,55,.09);--ih-rojo3:rgba(236,50,55,.3);--ih-banda:#c8191f;--ih-ok:#126b34;--ih-oks:rgba(21,128,61,.1);--ih-amb:#7f4a00;--ih-ambs:rgba(194,117,0,.13);--ih-luz:rgba(255,255,255,.62);position:relative;display:block;container-type:inline-size;max-width:980px;margin:0 auto;padding:16px 16px 18px;border-radius:22px;background:var(--ih-vidrio);border:1px solid rgba(255,255,255,.78);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);color:var(--ih-fg);font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.45;overflow:hidden;min-width:0;overflow-wrap:anywhere}
[data-theme='dark'] .ih{--ih-fg:#eaf1ff;--ih-fg2:#c3d0e8;--ih-mut:#9aabc9;--ih-line:rgba(205,222,255,.15);--ih-vidrio:rgba(14,27,56,.76);--ih-vidrio2:rgba(255,255,255,.07);--ih-campo:rgba(255,255,255,.08);--ih-rojo:#ff5a5f;--ih-rojo-t:#ff8a8e;--ih-rojo2:rgba(255,90,95,.14);--ih-rojo3:rgba(255,90,95,.4);--ih-banda:#c21f25;--ih-ok:#5ad486;--ih-oks:rgba(90,212,134,.14);--ih-amb:#f6b64a;--ih-ambs:rgba(246,182,74,.15);--ih-luz:rgba(255,255,255,.24);border-color:rgba(205,222,255,.16)}
.ih[hidden]{display:none}
.ih *{box-sizing:border-box}
.ih-tn{font-variant-numeric:tabular-nums}
.ih-rayo{width:13px;height:13px;fill:currentColor;vertical-align:-2px;margin-right:4px;display:inline-block;flex:none}
.ih-i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-4px}
.ih-i--g{width:26px;height:26px}
/* la luz de Power Wave: cruza UNA vez al montar y al mandar; nunca infinita */
.ih-luz{position:absolute;top:0;bottom:0;left:-45%;width:35%;background:linear-gradient(100deg,rgba(255,255,255,0),var(--ih-luz) 50%,rgba(255,255,255,0));transform:skewX(-14deg);pointer-events:none;opacity:0;z-index:3}
.ih-luz.is-on{animation:ih-luz 1.1s ease-out 1 forwards}
@keyframes ih-luz{from{left:-45%;opacity:1}to{left:140%;opacity:1}}
/* cabecera: solo el emblema (el portal ya pone el nombre) */
.ih-cab{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--ih-line)}
.ih-emb{width:40px;height:40px;object-fit:contain;flex:none;border-radius:12px;background:#fff;padding:3px}
.ih-cab__t{flex:1 1 180px;min-width:0}
.ih-cab small,.ih-banda small{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ih-rojo-t)}
.ih-cab small .ih-rayo,.ih-banda small .ih-rayo{color:var(--ih-rojo)}
.ih-cab h2{margin:2px 0 0;font-size:20px;line-height:1.2;letter-spacing:-.01em}
.ih-chip{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:800;padding:3px 9px;border-radius:999px;white-space:nowrap;background:var(--ih-vidrio2);border:1px solid var(--ih-line);color:var(--ih-fg2)}
.ih-chip .ih-i{width:14px;height:14px;vertical-align:0}
.ih-chip--amb{background:var(--ih-ambs);border-color:transparent;color:var(--ih-amb)}
.ih-chip--ok{background:var(--ih-oks);border-color:transparent;color:var(--ih-ok)}
/* la ficha de la pieza: lo que dice el sistema */
.ih-ficha{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:start;padding:12px;border-radius:16px;background:var(--ih-vidrio2);border:1px solid var(--ih-line);margin-bottom:14px}
.ih-ficha--peq{grid-template-columns:52px minmax(0,1fr);padding:9px 10px;gap:10px;margin-bottom:12px}
.ih-ficha__foto{width:100%;aspect-ratio:1;max-width:100%;border-radius:12px;object-fit:cover;display:block;background:#fff}
.ih-sinfoto{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--ih-mut);background:var(--ih-campo);border:1px dashed var(--ih-line);font-size:10.5px;font-weight:700}
.ih-sinfoto i{font-style:normal}
.ih-ficha__t{display:flex;flex-direction:column;gap:3px;min-width:0}
.ih-ficha__t>b{font-size:15.5px;line-height:1.3}
.ih-ficha--peq .ih-ficha__t>b{font-size:14px}
.ih-ficha__m{font-size:13px;color:var(--ih-mut);display:block}
.ih-ficha__m .ih-i{width:14px;height:14px;vertical-align:-2px;margin-right:3px}
.ih-ficha__s{font-size:13px;color:var(--ih-fg2)}
.ih-ficha__s b{font-size:15px}
/* avisos (devuelta) */
.ih-aviso{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:14px;margin-bottom:12px;font-size:14px}
.ih-aviso>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.ih-aviso--amb{background:var(--ih-ambs);color:var(--ih-amb)}
.ih-aviso--amb b{color:var(--ih-amb)}
.ih-aviso span{color:var(--ih-fg)}
/* el formulario */
.ih-form{display:flex;flex-direction:column;gap:14px}
.ih-campo{display:flex;flex-direction:column;gap:6px;min-width:0}
.ih-et{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--ih-fg)}
.ih-et i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--ih-rojo);color:#fff;font-size:12px;flex:none}
.ih-et em{font-style:normal;font-weight:500;color:var(--ih-mut)}
.ih textarea,.ih input[name]{font:inherit;font-size:16px;color:var(--ih-fg);background:var(--ih-campo);border:1px solid var(--ih-line);border-radius:12px;padding:10px 12px;width:100%;min-width:0;resize:vertical;line-height:1.35}
.ih textarea:focus,.ih input[name]:focus{outline:2px solid var(--ih-rojo3);outline-offset:1px;border-color:var(--ih-rojo)}
.ih-ayuda{font-size:12.5px;color:var(--ih-mut);display:block;min-height:1em}
.ih-ayuda--der{text-align:right}
.ih-ayuda .ih-chip{font-size:12px;padding:1px 8px}
/* la foto */
.ih-foto{position:relative;display:block;border-radius:16px;overflow:hidden;cursor:pointer;background:var(--ih-campo);border:1.5px dashed var(--ih-rojo3);min-height:120px}
.ih-foto input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.ih-foto:focus-within{outline:2px solid var(--ih-rojo3);outline-offset:2px}
.ih-foto.tiene{border-style:solid;border-color:var(--ih-line)}
.ih-foto img{display:block;width:100%;max-width:100%;aspect-ratio:4/3;object-fit:cover}
.ih-foto--grande{min-height:220px}
.ih-foto__vacia{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:22px 14px;min-height:120px;text-align:center;color:var(--ih-rojo-t)}
.ih-foto--grande .ih-foto__vacia{min-height:220px}
.ih-foto__vacia .ih-i{width:34px;height:34px;stroke-width:1.7}
.ih-foto__vacia b{font-size:16px}
.ih-foto__vacia i{font-style:normal;font-size:12.5px;color:var(--ih-mut)}
.ih-foto__otra{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:rgba(22,24,29,.72);color:#fff;font-size:13px;font-weight:700}
.ih-foto.sube img{opacity:.55}
/* la cuenta */
.ih-cuenta{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;align-items:center;max-width:280px}
.ih-cuenta input[name]{text-align:center;font-size:22px;font-weight:800;padding:8px 6px;font-variant-numeric:tabular-nums}
.ih-paso{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;border:1px solid var(--ih-line);background:var(--ih-vidrio2);color:var(--ih-fg);cursor:pointer;font:inherit}
.ih-cuenta--grande{grid-template-columns:64px minmax(0,1fr) 64px;max-width:340px;margin:4px auto 0}
.ih-cuenta--grande .ih-paso{width:64px;height:64px;border-radius:18px}
.ih-cuenta--grande .ih-paso .ih-i{width:26px;height:26px}
.ih-cuenta--grande input[name]{font-size:34px;padding:10px 6px}
/* botones */
.ih-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-weight:700;font-size:14px;min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid var(--ih-line);background:var(--ih-vidrio2);color:var(--ih-fg);cursor:pointer;white-space:nowrap;max-width:100%}
.ih-btn i{font-style:normal;overflow:hidden;text-overflow:ellipsis}
.ih-btn--pri{background:var(--ih-banda);border-color:transparent;color:#fff}
.ih-btn--ok{background:var(--ih-oks);border-color:transparent;color:var(--ih-ok)}
.ih-btn--grande{width:100%;min-height:52px;font-size:16px}
.ih-btn[disabled]{opacity:.45;cursor:not-allowed}
.ih-pie{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.ih-falta{margin:0;font-size:13px;color:var(--ih-mut);text-align:center}
.ih-falta.listo{color:var(--ih-ok);font-weight:700}
.ih-err{margin:0;padding:8px 11px;border-radius:12px;background:var(--ih-rojo2);color:var(--ih-rojo-t);font-size:13.5px;font-weight:600}
/* hecha: enviada o aprobada */
.ih-hecha{display:flex;gap:11px;align-items:flex-start;padding:13px;border-radius:16px;background:var(--ih-oks);color:var(--ih-ok);margin-bottom:12px}
.ih-hecha>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.ih-hecha b{font-size:16px}
.ih-hecha span{color:var(--ih-fg);font-size:14px}
.ih-resumen{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:start;padding:12px;border-radius:16px;background:var(--ih-vidrio2);border:1px solid var(--ih-line);margin-bottom:12px}
.ih-resumen>img{width:100%;max-width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;display:block}
.ih-resumen dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;font-size:14px;min-width:0}
.ih-resumen dt{color:var(--ih-mut)}
.ih-resumen dd{margin:0;min-width:0}
.ih-resumen--rev{margin:14px 0 0}
/* avance */
.ih-avance{margin-top:16px;padding-top:12px;border-top:1px solid var(--ih-line);display:flex;flex-direction:column;gap:6px}
.ih-avance__t{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--ih-fg2)}
.ih-avance__q{font-size:12.5px;color:var(--ih-mut)}
.ih-barra{height:8px;border-radius:999px;background:var(--ih-vidrio2);border:1px solid var(--ih-line);overflow:hidden}
.ih-barra i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--ih-banda),var(--ih-rojo))}
/* B · pasos */
.ih-pasos{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;counter-reset:p}
.ih-pasos li{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:var(--ih-mut);text-align:center;position:relative}
.ih-pasos li::before{content:"";position:absolute;top:14px;left:-50%;width:100%;height:2px;background:var(--ih-line);z-index:0}
.ih-pasos li:first-child::before{display:none}
.ih-pasos li.hecho::before,.ih-pasos li.ahora::before{background:var(--ih-rojo)}
.ih-pasos i{font-style:normal;position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--ih-campo);border:1.5px solid var(--ih-line);color:var(--ih-fg2);font-size:13px}
.ih-pasos i .ih-i{width:15px;height:15px}
.ih-pasos li.hecho i{background:var(--ih-rojo);border-color:transparent;color:#fff}
.ih-pasos li.ahora i{border-color:var(--ih-rojo);color:var(--ih-rojo-t);background:var(--ih-rojo2)}
.ih-pasos li.ahora{color:var(--ih-fg)}
.ih-paso-c{min-height:150px}
.ih-nav{display:flex;justify-content:space-between;gap:10px;margin-top:14px}
.ih-nav .ih-btn{flex:0 1 auto}
.ih-nav .ih-btn--pri{flex:1 1 auto;max-width:220px}
/* C · banda plegable */
.ih[data-ih-v='C']{padding:12px 12px 12px}
.ih-banda{display:flex;align-items:center;gap:10px}
.ih-banda .ih-emb{width:36px;height:36px}
.ih-banda__t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}
.ih-banda__t>b{font-size:14.5px;line-height:1.25}
.ih-banda__p{font-size:13px;color:var(--ih-fg2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ih-banda .ih-btn{flex:none;min-height:40px;padding:6px 12px}
.ih-i--gira{width:16px;height:16px}
.ih-banda+.ih-aviso{margin:10px 0 0}
.ih-desp{margin-top:12px;padding-top:12px;border-top:1px solid var(--ih-line);animation:ih-sube .25s ease-out 1}
@keyframes ih-sube{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ih-rejilla{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:12px}
.ih-rejilla__d{display:flex;flex-direction:column;gap:12px;min-width:0}
.ih-rejilla__d .ih-ficha{margin:0}
@container (min-width:600px){.ih-rejilla{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
@media (prefers-reduced-motion:reduce){.ih-luz.is-on,.ih-desp{animation:none}}
.ih textarea{overflow:hidden;min-height:48px}
.ih-banda__p em{font-style:normal;font-weight:800;color:var(--ih-amb)}