/* F01 E4 · jerarquía Pre-Start, mobile first, datos del formulario de dominio. */
.field-e4 .e4-header {
 min-height:0;padding:10px 13px 10px;
 margin-bottom:9px;border-radius:0 0 17px 17px;
}
.field-e4 .e4-brand-card{width:clamp(137px,45%,205px);height:53px;border-radius:10px;padding:6px 9px}
.field-e4 .e4-brand-card img{height:42px;max-height:42px;object-fit:contain}
.field-e4 .e4-header-name strong{font-size:clamp(22px,6.3vw,30px)}
.field-e4 .e4-header-name span{font-size:9px}
.field-e4 .e4-header-bottom{margin-top:7px;padding-top:8px}
.field-e4 .e4-client strong{font-size:15px}
.field-e4 .e4-client-kicker{font-size:8px}
.field-e4 .e4-lab-pill{padding:3px 7px;font-size:8px}
.field-e4 .field-intro{padding:4px 2px 9px}
.field-e4 .field-intro>span{font-size:9px;letter-spacing:.09em}
.field-e4 .field-intro h2{font-size:clamp(30px,8vw,36px);margin:3px 0 4px;line-height:1.07}
.field-e4 .field-intro p{font-size:12px;line-height:1.35}
.field-e4 .e4-equipment-hero{margin:0 0 9px;border-radius:16px}
.field-e4 .e4-asset{min-height:167px;padding:12px 12px!important}
.field-e4 .e4-asset>div:first-child{min-height:112px;max-width:60%;padding:7px 13px 8px 5px}
.field-e4 .e4-asset h3{font-size:clamp(22px,6.4vw,29px);margin:5px 0 4px}
.field-e4 .e4-asset p{font-size:10px;max-width:160px}
.field-e4 .e4-asset-class{font-size:8px;padding:4px 6px;margin-top:7px}
.field-e4 .e4-equipment-artwork{top:6px;bottom:4px;right:2px;width:76%}
.field-e4 .e4-equipment-artwork>span{bottom:4px;right:7px;font-size:7px}
.field-e4 .e4-shift-state{
 display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;
 padding:9px 13px!important;min-height:53px;
}
.field-e4 .e4-shift-state .e4-shift-pill{padding:4px 8px;font-size:9px}
.field-e4 .e4-shift-state .eyebrow{display:none}
.field-e4 .e4-shift-state h2{font-size:15px;line-height:1.1;margin:0}
.field-e4 .e4-shift-state p{font-size:10px;margin:0;flex-basis:100%}
.field-e4 .e4-next-step{padding:12px 14px!important;margin:0 0 12px!important;border-radius:15px}
.field-e4 .e4-next-step .field-guide-top{margin-bottom:4px}
.field-e4 .e4-next-step .field-guide-top .eyebrow{font-size:9px}
.field-e4 .e4-next-step .field-demo-indicator{font-size:9px}
.field-e4 #fieldGuideTitle{font-size:16px;line-height:1.2;margin:5px 0}
.field-e4 .e4-next-step #fieldGuideDescription{
 font-size:11px;line-height:1.4;margin:0 0 10px;
}
.field-e4 .e4-prestart-summary{display:flex;flex-direction:column;gap:9px}
.field-e4 .e4-prestart-summary[hidden]{display:none!important}
.field-e4 .e4-prestart-heading{display:flex;align-items:center;gap:12px}
.field-e4 .e4-prestart-symbol{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;
 border-radius:12px;color:#072945;background:#ffbd35}
.field-e4 .e4-prestart-heading strong{display:block;color:#092d49;font-size:18px;letter-spacing:-.025em;line-height:1.2}
.field-e4 .e4-prestart-heading p{color:#50687c;font-size:12px;margin:4px 0 0;line-height:1.3}
.field-e4 .e4-prestart-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:2px 0}
.field-e4 .e4-prestart-progress>span{height:9px;background:#dce6ed;border-radius:9px;
 border:1px solid #d1dee8}
.field-e4 .e4-prestart-progress>span.is-reviewed{background:#078853;border-color:#078853}
.field-e4 .e4-prestart-warning{margin:0;font-size:11px;line-height:1.45;color:#576e81}
.field-e4 .e4-prestart-action{display:block}
.field-e4 .e4-prestart-action #fieldStartShortcut{
 width:100%;min-height:53px;padding:12px 13px;border-radius:12px;
 background:linear-gradient(110deg,#ffd054,#f1ad1a)!important;
 color:#071f32!important;border:0!important;font-size:14px;font-weight:900;
 letter-spacing:.02em;box-shadow:0 5px 15px rgba(190,124,6,.15);
}
.field-e4 .e4-next-step .field-sync-strip{
 margin:10px 0 0!important;padding:9px 10px!important;border-radius:10px;
 display:flex;flex-direction:row;gap:8px;align-items:center;
}
.field-e4 .e4-next-step .field-sync-text{font-size:10px;line-height:1.35;flex:1;min-width:0}
.field-e4 .e4-next-step #fieldSyncBtn{
 flex:0 0 auto;max-width:43%;font-size:10px;line-height:1.2;
 min-height:43px;margin:0;padding:8px 9px;
}
.field-e4 .e4-next-step .e4-truth-note{font-size:10px;margin:8px 0 0;padding-top:8px}
.field-e4 .e4-home-metrics{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;
 margin:0 0 13px;padding:0;background:transparent;border:0;
}
.field-e4 .e4-home-metrics>div{padding:11px 9px;background:#fff;border:1px solid #dae5ed;
 border-radius:12px;box-shadow:0 2px 12px #0628400a;min-width:0}
.field-e4 .e4-home-metrics strong{display:block;color:#092b45;font-size:25px;line-height:1.1}
.field-e4 .e4-home-metrics span{display:block;color:#526e84;font-size:10px;line-height:1.3;margin-top:4px}
@media(min-width:540px){
 .field-e4 .e4-header{padding:12px 20px}
 .field-e4 .e4-asset{min-height:216px;padding:16px 18px!important}
 .field-e4 .e4-asset>div:first-child{min-height:132px;max-width:50%}
 .field-e4 .e4-equipment-artwork{width:70%;right:10px}
 .field-e4 .e4-prestart-heading strong{font-size:22px}
 .field-e4 .e4-next-step{padding:17px 20px!important}
}
@media(max-width:365px){
 .field-e4 .e4-brand-card{width:135px}
 .field-e4 .e4-asset{min-height:158px}
 .field-e4 .e4-asset>div:first-child{max-width:67%}
 .field-e4 .e4-equipment-artwork{width:77%;right:0}
 .field-e4 .e4-prestart-heading strong{font-size:16px}
 .field-e4 .e4-prestart-symbol{width:40px;flex-basis:40px;height:40px}
 .field-e4 .e4-next-step .field-sync-strip{flex-direction:column;align-items:stretch}
 .field-e4 .e4-next-step #fieldSyncBtn{max-width:100%}
}


/* Corrección tras captura: el CTA Pre-Start debe quedar sobre la navegación inicial. */
.field-e4 main{gap:6px;padding-top:4px}
.field-e4 #operatorView{gap:6px}
.field-e4 #demoModeBanner{
 display:flex;align-items:center;gap:6px;min-height:0;
 padding:6px 9px!important;margin:4px 0 6px!important;
 border-radius:9px;font-size:10px;line-height:1.15;
}
.field-e4 #demoModeBanner strong{font-size:10px;letter-spacing:.045em}
.field-e4 #demoModeDescription{font-size:9px;line-height:1.15;margin-top:2px}
.field-e4 .field-intro{padding:1px 2px 5px}
.field-e4 .e4-asset{min-height:145px;padding:9px 12px!important}
.field-e4 .e4-asset>div:first-child{min-height:101px}
.field-e4 .e4-equipment-artwork{top:0;bottom:2px;width:76%;right:2px}
.field-e4 .e4-shift-state{padding:7px 11px!important;min-height:46px}
.field-e4 .e4-shift-state p{font-size:9px;line-height:1.3}
.field-e4 .e4-next-step.e4-prestart-active{gap:6px;padding:10px 12px!important}
.field-e4 .e4-next-step.e4-prestart-active #fieldGuideTitle,
.field-e4 .e4-next-step.e4-prestart-active #fieldGuideDescription{display:none!important}
.field-e4 .e4-next-step.e4-prestart-active .e4-prestart-summary{gap:7px}
.field-e4 .e4-next-step.e4-prestart-active .e4-prestart-heading strong{font-size:18px}
.field-e4 .e4-next-step.e4-prestart-active .e4-prestart-warning{font-size:10px;line-height:1.3}
.field-e4 .e4-next-step.e4-prestart-active .e4-prestart-action #fieldStartShortcut{
 min-height:51px;
}
@media(max-width:390px){
 .field-e4 .e4-asset{min-height:142px}
 .field-e4 .e4-equipment-artwork{width:79%;right:1px}
 .field-e4 .e4-asset>div:first-child{min-height:99px}
}

/* Selector táctil de maquinaria en F01; usa el equipo canónico de Operación. */
.field-e4 .e4-machine-chooser{display:flex;flex-direction:column;gap:3px;position:relative;z-index:5;margin-top:7px;max-width:180px;color:#ffe2a0;font-size:9px;font-weight:850;letter-spacing:.04em}
.field-e4 .e4-machine-chooser select{appearance:auto;width:100%;min-height:40px;padding:6px 8px;border-radius:9px;background:#f5f8fa;color:#082943;border:2px solid #ffc338;font-size:13px;font-weight:800;letter-spacing:0;box-shadow:0 4px 16px #02172655}
.field-e4 .e4-machine-chooser select:focus-visible{outline:3px solid #ffe178;outline-offset:2px}
.field-e4 .e4-machine-chooser select:disabled{opacity:.72;cursor:not-allowed}
.field-e4 .e4-asset:has(.e4-machine-chooser) .e4-asset-class{display:none}
.field-e4 .e4-asset:has(.e4-machine-chooser)>div:first-child{max-width:64%;min-height:125px}
.field-e4 .e4-asset:has(.e4-machine-chooser){min-height:166px}
@media(max-width:390px){.field-e4 .e4-machine-chooser{max-width:164px}.field-e4 .e4-machine-chooser select{font-size:12px}.field-e4 .e4-asset:has(.e4-machine-chooser){min-height:163px}}

/* 360–390 px: asegurar Pre-Start completamente por encima de la barra fija. */
@media(max-width:390px){
 .field-e4 .field-intro p{display:none}
 .field-e4 .field-intro{padding-bottom:3px}
}