.imas-pulso{--p-paper:#f6f6f4;--p-ink:#242927;--p-muted:#626b66;--p-line:#d8dcd7;--p-accent:#b56919;position:relative;width:100%;margin:0;color:var(--p-ink);font-family:'Instrument Sans',Arial,sans-serif;isolation:isolate}
.imas-pulso *{box-sizing:border-box}
.imas-pulso .pulso-stage{position:relative;height:540px;overflow:hidden;background:var(--p-paper)}
.imas-pulso canvas,.imas-pulso .pulso-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.imas-pulso canvas{touch-action:none;cursor:grab;opacity:0;transition:opacity .4s}
.imas-pulso[data-ready="true"] canvas{opacity:1}
.imas-pulso[data-ready="true"] .pulso-poster{visibility:hidden}
.imas-pulso canvas:active{cursor:grabbing}
.imas-pulso .pulso-overline{position:absolute;inset:22px 18px auto;display:flex;align-items:center;justify-content:space-between;gap:14px;font:9px 'JetBrains Mono',monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--p-muted);pointer-events:none}
.imas-pulso .pulso-view{color:var(--p-accent)}
.imas-pulso .pulso-hint{text-transform:none;letter-spacing:.02em;font:12px var(--body,'Instrument Sans',Arial,sans-serif)}
.imas-pulso .pulso-loading{position:absolute;left:18px;bottom:60px;font-size:12px;color:var(--p-muted)}
.imas-pulso .pulso-loading[hidden]{display:none}
.imas-pulso .pulso-caption{position:absolute;inset:auto 18px 22px;display:flex;gap:12px;align-items:center;pointer-events:none}
.imas-pulso .pulso-step{font:11px 'JetBrains Mono',monospace;color:var(--p-accent);border-right:1px solid #c8cdc7;padding-right:12px}
.imas-pulso .pulso-caption strong{font-size:19px;font-weight:500;letter-spacing:-.035em}
.imas-pulso .pulso-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.imas-pulso:not([data-ready="true"]) .pulso-overline>span:last-child{visibility:hidden}
@media(max-width:600px){.imas-pulso .pulso-stage{height:380px}.imas-pulso .pulso-overline{inset:17px 10px auto;font-size:8px;gap:6px}.imas-pulso .pulso-caption{inset:auto 10px 19px;gap:8px}.imas-pulso .pulso-caption strong{font-size:15px;line-height:1.25}.imas-pulso .pulso-hint{display:none}}
@media(prefers-reduced-motion:reduce){.imas-pulso canvas{transition:none}}

/* Adaptación a la cabecera del tema. Solo afecta a Electrónica (7-9-2026).
   Sin línea de tiempo, botones ni rótulo flotante: el escenario ocupa todo el
   contenedor; arrastrar gira la placa y el doble clic devuelve el encuadre.
   Marco flotante (Edgar, 7-9-2026): el mismo que el visor NEXO de /producto/.
   El contenedor conserva la sombra y las esquinas de .ahero-media, el
   escenario lleva el degradado radial del visor y el lienzo se pinta
   transparente para que se vea. El póster (fondo papel opaco) se funde con
   multiply mientras carga la escena; brightness(1.04) lleva ese papel (#f6f6f4)
   a blanco, y multiplicar por blanco no deja huella sobre el degradado. */
.ahero-media.imas-pulso-hero{aspect-ratio:auto;height:auto;min-width:0;background:var(--paper-2,#ebebe7);overflow:hidden}
.imas-pulso-hero .imas-pulso{margin:0;font-family:var(--body,'Instrument Sans',Arial,sans-serif)}
.imas-pulso-hero .pulso-stage{height:clamp(420px,38vw,580px);background:radial-gradient(ellipse at 50% 38%,#fff,var(--paper,#f6f6f4) 62%,var(--paper-2,#ebebe7) 100%)}
.imas-pulso-hero .pulso-poster{object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.04)}
@media(max-width:600px){.imas-pulso-hero .pulso-stage{height:350px}}

/* Sin escena 3D (móvil, ahorro de datos, movimiento reducido) no hay nada que arrastrar. */
.imas-pulso:not([data-ready="true"]) .pulso-hint{display:none}