¿Dónde se usa?

Cada sector tiene su página con la maquinaria típica, las presiones de trabajo y las líneas HFC recomendadas para ese servicio.

class Component extends DCLogic { constructor(props){ super(props); this.rootRef=React.createRef(); } renderVals(){ return { rootRef:this.rootRef }; } componentDidMount(){ this._wait(0); } _wait(n){ if(!window.HFC_NAV){ if(n<80) return void setTimeout(()=>this._wait(n+1),50); return; } this._build(); } _build(){ const root=this.rootRef.current; if(!root) return; const NAV=window.HFC_NAV; const photo=(a)=>window.HFC_SECTOR_PHOTO?window.HFC_SECTOR_PHOTO(a):''; const g=root.querySelector('[data-grid]'); if(g) g.innerHTML=NAV.aplicaciones.map(a=>` ${photo(a)?`

`:''} ${a.num} ${a.name} ${a.sub} `).join(''); const apply=()=>{ const w=window.innerWidth, small=w<1080, tiny=w<680; const gr=root.querySelector('[data-grid]'); if(gr) gr.style.gridTemplateColumns=tiny?'1fr':small?'1fr 1fr':'repeat(3,1fr)'; const p=root.querySelector('[data-pad]'); if(p) p.style.padding=tiny?'58px 18px':small?'70px 24px':'88px 40px'; const h=root.querySelector('[data-hero-inner]'); if(h){ h.style.padding=tiny?'46px 18px 50px':small?'54px 24px 58px':'62px 40px 66px'; h.style.minHeight=tiny?'270px':small?'300px':'340px'; } const b=root.querySelector('[data-bpad]'); if(b) b.style.padding=tiny?'12px 18px':small?'14px 24px':'14px 40px'; }; apply(); window.addEventListener('resize', apply); if(!this._langHooked){ this._langHooked=true; window.addEventListener('hfc-lang',()=>{ try{ this._build(); }catch(_){} /* El contenido reconstruido llega en español: hay que retraducirlo YA (apply es síncrono; refresh difería a un frame que a veces se perdía). */ var S=window.HFC_I18N_SITE; if(S){ S.apply(); setTimeout(function(){ S.apply(); },60); setTimeout(function(){ S.apply(); },300); } }); } } }