/* Cabecera de Automatización · variante técnica (entrega-automatizacion-tecnica,
   revisión 3-baliza-verde, integrada el 7-9-2026; sin controles, vistas ni zoom). Convive con la variante
   anterior (.imas-auto, automatizacion-hero.css): nombres propios (.imas-tech).
   Las fuentes las pone el tema por --body y --mono; no se cargan @font-face. */
.imas-tech{--t-ink:#28343c;--t-muted:#62717a;--t-rule:#ccd3d7;--t-orange:#9f5c1d;position:relative;margin:0;color:var(--t-ink);font:14px/1.4 var(--body,'Instrument Sans',Arial,sans-serif);isolation:isolate}
.imas-tech *{box-sizing:border-box}.imas-tech button,.imas-tech input{font:inherit}.imas-tech button{color:inherit;cursor:pointer;border:0;background:transparent;padding:7px 9px;line-height:1.1;border-radius:3px;white-space:nowrap}.imas-tech button:hover{background:#dbe1e4}.imas-tech button:focus-visible,.imas-tech canvas:focus-visible,.imas-tech input:focus-visible{outline:2px solid #966032;outline-offset:3px}.imas-tech button:disabled,.imas-tech input:disabled{opacity:.4;cursor:default}.imas-tech button[aria-pressed=true]{background:#34434d;color:#fff}
.imas-tech .tech-stage{position:relative;height:610px;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#fff,var(--paper,#f6f6f4) 62%,var(--paper-2,#ebebe7) 100%)}
.imas-tech canvas,.imas-tech .tech-poster{position:absolute;inset:0;width:100%;height:100%;display:block}.imas-tech canvas{opacity:0;transition:opacity .45s;touch-action:none;cursor:grab}.imas-tech canvas.dragging{cursor:grabbing}.imas-tech .tech-poster{object-fit:contain;mix-blend-mode:multiply}.imas-tech[data-ready=true] canvas{opacity:1}.imas-tech[data-ready=true] .tech-poster{visibility:hidden}
.imas-tech .tech-top{position:absolute;top:23px;left:24px;right:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;pointer-events:none}.imas-tech .tech-ident{font:9px/1.7 var(--mono,'JetBrains Mono',monospace);letter-spacing:.09em;color:var(--t-muted);text-transform:uppercase}.imas-tech .tech-ident strong{display:block;color:var(--t-ink);font-weight:500}
.imas-tech .tech-bottom{position:absolute;left:24px;right:24px;bottom:19px;display:flex;justify-content:space-between;align-items:center;gap:12px;font:9px var(--mono,'JetBrains Mono',monospace);color:var(--t-muted)}.imas-tech [data-status]{color:#43545e}.imas-tech [data-status]::before{content:'';display:inline-block;width:5px;height:5px;background:#a86e33;margin:0 8px 1px 0}.imas-tech .tech-gestures{opacity:.8}
.imas-tech .tech-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.imas-tech .tech-stage{height:410px}.imas-tech .tech-top{top:18px;left:16px;right:16px}.imas-tech .tech-ident{font-size:8px;letter-spacing:.025em}.imas-tech .tech-bottom{left:16px;right:16px;font-size:8px}.imas-tech .tech-gestures{display:none}}
@media(prefers-reduced-motion:reduce){.imas-tech *{transition:none!important}}


/* --- Adaptación a la cabecera del tema (.ahero-media). Solo Automatización. ---
   Sin barra de controles, vistas ni zoom (Edgar, 7-9-2026): el escenario ocupa
   todo el contenedor, con la misma altura que la variante anterior. */
.ahero-media.imas-tech-hero{aspect-ratio:auto;height:auto;min-width:0;background:var(--paper-2,#ebebe7);overflow:hidden}
.imas-tech-hero .imas-tech{margin:0}
/* Mismo papel cálido que NEXO, Electrónica, Producción, Mecanizado y Outsourcing
   (Edgar, 7-9-2026: el gris azulado de la entrega se veía demasiado blanco). */
.imas-tech-hero .tech-stage{height:clamp(420px,38vw,580px);background:radial-gradient(ellipse at 50% 38%,#fff,var(--paper,#f6f6f4) 62%,var(--paper-2,#ebebe7) 100%)}
.imas-tech-hero .tech-poster{mix-blend-mode:multiply;filter:brightness(1.04)}
@media(max-width:600px){.imas-tech-hero .tech-stage{height:350px}}

/* Sin 3D (móvil, movimiento reducido, ahorro de datos, fallo de carga o de WebGL):
   queda el póster como vista estática. hero-3d.js marca data-hero3d; el guion, data-ready. */
.imas-tech .tech-static{display:none}
.imas-tech[data-hero3d="sin"] .tech-static,.imas-tech[data-hero3d="error"] .tech-static,.imas-tech[data-ready="false"] .tech-static{display:inline}
.imas-tech:not([data-hero3d="cargando"]):not([data-ready="true"]) [data-status]{display:none}
.imas-tech:not([data-ready="true"]) .tech-gestures{visibility:hidden}