/* Generado por eolipila/build.mjs --light --heron. No editar a mano. */

.iso{
  --anatomy-page:#0b0b0b;--anatomy-card:#131313;--anatomy-text:#a3a3a3;--anatomy-strong:#e6e6e6;--anatomy-muted:#6e6e6e;
  --anatomy-paper:#131313;--anatomy-face:#1b1b1b;--anatomy-top:#1c1c1c;
  --anatomy-shade-0:#0f0f0f;--anatomy-shade-1:#121212;--anatomy-shade-2:#151515;--anatomy-shade-3:#181818;
  --anatomy-lit-top:#262626;--anatomy-lit-shade:#1d1d1d;
  --anatomy-hi:#d4d4d4;--anatomy-mid:#6a6a6a;--anatomy-lo:#3e3e3e;--anatomy-faint:#2a2a2a;--anatomy-lit:#ffffff;
  --anatomy-halo:#050505;--anatomy-halo-opacity:.9;--anatomy-dot:#e6e6e6;
  --anatomy-red:#ff6b6b;--anatomy-green:#6be0a0;--anatomy-blue:#6b9bff;
  --anatomy-weight:.6px;--anatomy-ease:cubic-bezier(.32,.72,0,1);
  --anatomy-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --anatomy-lift:inset 0 1px 0 0 #ffffff0a,inset 0 0 0 1px #ffffff06,0 0 0 1px #00000026,0 1px 1px -.5px #00000014,0 3px 3px -1.5px #00000014,0 6px 6px -3px #00000014,0 12px 12px -6px #00000014;
}
.iso[data-theme="light"]{
  --anatomy-page:#f2f2ef;--anatomy-card:#fbfbfa;--anatomy-text:#57575a;--anatomy-strong:#18181a;--anatomy-muted:#8c8c90;
  --anatomy-paper:#fbfbfa;--anatomy-face:#ffffff;--anatomy-top:#ffffff;
  --anatomy-shade-0:#dcdcd9;--anatomy-shade-1:#e5e5e2;--anatomy-shade-2:#ededea;--anatomy-shade-3:#f4f4f1;
  --anatomy-lit-top:#ffffff;--anatomy-lit-shade:#eeeeeb;
  --anatomy-hi:#26262a;--anatomy-mid:#8a8a8f;--anatomy-lo:#b4b4b8;--anatomy-faint:#d4d4d6;--anatomy-lit:#000000;
  --anatomy-halo:#8a8a80;--anatomy-halo-opacity:.32;--anatomy-dot:#3a3a3e;
  --anatomy-red:#e5484d;--anatomy-green:#30a46c;--anatomy-blue:#3e63dd;
  --anatomy-lift:inset 0 1px 0 0 #ffffff,0 0 0 1px #0000000f,0 1px 1px -.5px #0000000a,0 3px 3px -1.5px #0000000a,0 6px 6px -3px #0000000a,0 12px 12px -6px #0000000a;
}
.iso-svg{display:block;width:100%;height:auto;overflow:visible}
.iso-svg path,.iso-svg circle{vector-effect:non-scaling-stroke}
.iso-fill{fill:var(--anatomy-paper);stroke:none}
.iso-solid[data-lit]>.iso-fill{fill:var(--anatomy-face)}
.iso-shade,.iso-top{stroke:none}
.iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}
.iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}
.iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}
.iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}
.iso-top{fill:var(--anatomy-top)}
.iso-solid[data-lit]>.iso-top{fill:var(--anatomy-lit-top)}
.iso-solid[data-lit]>.iso-shade{fill:var(--anatomy-lit-shade)}
.iso-solid[data-seamless]>.iso-shade,.iso-solid[data-seamless]>.iso-top{stroke-width:.4;stroke-linejoin:round}
.iso-solid[data-seamless]>.iso-shade[data-shade="0"]{stroke:var(--anatomy-shade-0)}
.iso-solid[data-seamless]>.iso-shade[data-shade="1"]{stroke:var(--anatomy-shade-1)}
.iso-solid[data-seamless]>.iso-shade[data-shade="2"]{stroke:var(--anatomy-shade-2)}
.iso-solid[data-seamless]>.iso-shade[data-shade="3"]{stroke:var(--anatomy-shade-3)}
.iso-solid[data-seamless]>.iso-top{stroke:var(--anatomy-top)}
.iso-solid[data-seamless][data-lit]>.iso-top{stroke:var(--anatomy-lit-top)}
.iso-solid[data-seamless][data-lit]>.iso-shade{stroke:var(--anatomy-lit-shade)}
.iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-lit)}
.iso-halo{fill:var(--anatomy-halo);stroke:none;filter:blur(9px);opacity:var(--anatomy-halo-opacity);transform:translateY(3px)}
.iso-line{fill:none;stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight);stroke-linecap:round;stroke-linejoin:round}
.iso-line[data-tone="hi"]{stroke:var(--anatomy-hi)}
.iso-line[data-tone="mid"]{stroke:var(--anatomy-mid)}
.iso-line[data-tone="lo"]{stroke:var(--anatomy-lo)}
.iso-line[data-tone="faint"]{stroke:var(--anatomy-faint)}
.iso-line[data-tone="lit"]{stroke:var(--anatomy-lit)}
.iso-line[data-tone="red"]{stroke:var(--anatomy-red)}
.iso-line[data-tone="green"]{stroke:var(--anatomy-green)}
.iso-line[data-tone="blue"]{stroke:var(--anatomy-blue)}
.iso-line[data-dotted]{stroke-dasharray:.01 3.5;stroke-width:1}
.iso-line[data-dashed]{stroke-dasharray:3 3}
.iso-line[data-flow]{stroke-dasharray:2 6}
.iso-wire-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight)}
.iso-wire[data-tone="hi"] .iso-wire-end{stroke:var(--anatomy-hi)}
.iso-wire[data-tone="mid"] .iso-wire-end{stroke:var(--anatomy-mid)}
.iso-wire[data-tone="faint"] .iso-wire-end{stroke:var(--anatomy-faint)}
.iso-wire[data-tone="lit"] .iso-wire-end{stroke:var(--anatomy-lit)}
.iso-dots circle{fill:var(--anatomy-dot);stroke:none;opacity:.32}
.iso-dots[data-tone="hi"] circle{opacity:.85}
.iso-dots[data-tone="mid"] circle{opacity:.45}
.iso-dots[data-tone="lo"] circle{opacity:.22}
.iso-dots[data-tone="faint"] circle{opacity:.12}
.iso-face-text{fill:var(--anatomy-mid);font-family:var(--anatomy-mono);letter-spacing:.04em}
.iso-face-text[data-tone="hi"]{fill:var(--anatomy-hi)}
.iso-face-text[data-tone="lo"]{fill:var(--anatomy-lo)}
.iso-face-text[data-tone="faint"]{fill:var(--anatomy-faint)}
.tb-body{fill:var(--anatomy-shade-2);stroke:none}
.tb-shine{fill:var(--anatomy-top);stroke:none}
.tb-shade{fill:var(--anatomy-shade-0);stroke:none}
.tb-ring{fill:none;stroke:var(--anatomy-lo);stroke-width:.45;stroke-linecap:butt;stroke-linejoin:round}
.tb-ring[data-tone="mid"]{stroke:var(--anatomy-mid)}
.tb-ring[data-tone="faint"]{stroke:var(--anatomy-faint)}
.tb-ring[data-tone="hi"]{stroke:var(--anatomy-hi)}
@keyframes iso-flow{to{stroke-dashoffset:-32}}
@keyframes iso-pulse{0%,100%{opacity:.18}12%{opacity:1}40%{opacity:.18}}
.iso-line[data-flow]{animation:iso-flow 1600ms linear infinite}
.iso-dots circle[data-pulse]{animation:iso-pulse 1600ms steps(1,end) infinite;animation-delay:var(--pulse-at,0ms)}
.iso-figure{margin:32px 0 36px}
.iso-plate{position:relative;padding:52px 24px;border-radius:0;background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-mid);--anatomy-paper:var(--anatomy-card)}
.iso-plate-corners{position:absolute;inset:18px 20px;pointer-events:none}
.iso-plate-corner{position:absolute;color:var(--anatomy-muted);font-family:var(--anatomy-mono);font-size:10.5px;line-height:1;letter-spacing:.04em;white-space:nowrap}
.iso-plate-corner[data-corner="fig"]{top:0;left:0;color:var(--anatomy-text)}
.iso-plate-corner[data-corner="title"]{top:0;right:0;text-transform:uppercase;letter-spacing:.1em}
.iso-plate-corner[data-corner="hint"]{bottom:0;left:0;text-transform:uppercase;letter-spacing:.1em}
.iso-plate-corner[data-corner="readout"]{right:0;bottom:0;color:var(--anatomy-text);font-variant-numeric:tabular-nums}
.iso-plate .iso-svg{margin:0 auto}
.iso-legend{display:grid;gap:8px;margin-top:12px;color:var(--anatomy-muted);font-size:13px;line-height:1.55}
.iso-keys{display:flex;flex-wrap:wrap;gap:6px 18px}
.iso-key{display:inline-flex;align-items:center;gap:7px}
.iso-swatch{width:16px;height:10px;flex:none;overflow:visible}
.iso-swatch path{fill:none;stroke:var(--anatomy-hi);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.iso-swatch[data-mark="raised"] path,.iso-swatch[data-mark="flat"] path{stroke:var(--anatomy-mid)}
.iso-swatch[data-mark="lit"] path{stroke:var(--anatomy-lit)}
.iso-swatch[data-mark="dim"] path{stroke:var(--anatomy-lo)}
.iso-swatch[data-mark="dotted"] path{stroke-dasharray:.01 3;stroke-width:1.4}
.iso-swatch[data-mark="dashed"] path{stroke-dasharray:3 2.5}
.iso-swatch[data-mark="red"] path{stroke:var(--anatomy-red)}
.iso-swatch[data-mark="green"] path{stroke:var(--anatomy-green)}
.iso-swatch[data-mark="blue"] path{stroke:var(--anatomy-blue)}
.iso-swatch-crease{stroke:var(--anatomy-lo)!important}
@media (max-width:560px){.iso-plate{padding:48px 12px 70px}.iso-plate-corner[data-corner="hint"]{bottom:18px}}
@media (prefers-reduced-motion:reduce){.iso-line[data-flow],.iso-dots circle[data-pulse]{animation:none}}

/* ---- Paleta y tipografía de Herón Tecnología (assets/css/estilos.css de heron-web) ---- */

.iso {
  --anatomy-page: #1c1a16;
  --anatomy-card: #26241f;
  --anatomy-text: #b7b2a6;
  --anatomy-strong: #f2efe9;
  --anatomy-muted: #8a8273;
  --anatomy-paper: #26241f;
  --anatomy-face: #2e2b25;
  --anatomy-top: #312e27;
  --anatomy-shade-0: #211f1a;
  --anatomy-shade-1: #26241f;
  --anatomy-shade-2: #2b2822;
  --anatomy-shade-3: #302d26;
  --anatomy-lit-top: #4a4030;
  --anatomy-lit-shade: #3a3730;
  --anatomy-hi: #dad5c9;
  --anatomy-mid: #8a8273;
  --anatomy-lo: #534f49;
  --anatomy-faint: #3a3730;
  --anatomy-lit: #ef9f27;
  --anatomy-halo: #0f0e0b;
  --anatomy-halo-opacity: 0.9;
  --anatomy-dot: #f2efe9;
  --anatomy-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

.iso[data-theme="light"] {
  --anatomy-page: #f6f1e7;
  --anatomy-card: #fbf8f1;
  --anatomy-text: #534f49;
  --anatomy-strong: #26241f;
  --anatomy-muted: #8a8273;
  --anatomy-paper: #fbf8f1;
  --anatomy-face: #ffffff;
  --anatomy-top: #ffffff;
  --anatomy-shade-0: #dad5c9;
  --anatomy-shade-1: #e3ded3;
  --anatomy-shade-2: #ece7dd;
  --anatomy-shade-3: #f2efe9;
  --anatomy-lit-top: #ffffff;
  --anatomy-lit-shade: #f3e6cf;
  --anatomy-hi: #26241f;
  --anatomy-mid: #8a8273;
  --anatomy-lo: #b7b2a6;
  --anatomy-faint: #dad5c9;
  --anatomy-lit: #8f5a0f;
  --anatomy-halo: #6b5a3a;
  --anatomy-halo-opacity: 0.3;
  --anatomy-dot: #3a3730;
}

body.iso {
  font-family: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
}

.eo .iso-plate-corner[data-corner="title"] {
  color: var(--anatomy-lit);
}

.eo .iso-plate-corner[data-corner="readout"] {
  color: var(--anatomy-strong);
}

.eo .iso-caption {
  font-size: 13.5px;
}

.eo {
  --eo-blend: screen;
  --eo-void: #0a0a0a;
  --eo-ember-0: #ffb060;
  --eo-ember-1: #ff6a1a99;
  --eo-ember-2: #7a240700;
  --eo-ember-share: 0.9;
  --eo-heat: #ef9f27;
  --eo-heat-share: 0.3;
  --eo-ash: #ef9f27;
  --eo-ash-share: 0.85;
  --eo-flame-fb: #ef9f27;
  --eo-flame-fb-share: 0.7;
  --eo-wisp: #c8ccd4;
  --fire: 0;
}

[data-theme="light"] .eo {
  --eo-blend: multiply;
  --eo-void: #3a3730;
  --eo-ember-0: #c2410c;
  --eo-ember-1: #ea580caa;
  --eo-ember-2: #f59e0b00;
  --eo-ember-share: 1;
  --eo-heat: #ba7517;
  --eo-heat-share: 0.22;
  --eo-ash: #ba7517;
  --eo-ash-share: 0.6;
  --eo-flame-fb: #ba7517;
  --eo-flame-fb-share: 0.8;
  --eo-wisp: #8a8273;
}

.eo .iso-plate {
  overflow: hidden;
}

.eo-stage {
  position: relative;
  border-radius: 10px;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-select: none;
}

.eo-stage:focus-visible {
  outline: 1px solid var(--anatomy-muted);
  outline-offset: 6px;
}

.eo-stage > svg,
.eo-stage > canvas {
  display: block;
  width: 100%;
  height: auto;
}

.eo-stage > .eo-layer,
.eo-stage > .eo-front {
  position: absolute;
  inset: 0;
  height: 100% !important;
  pointer-events: none;
}

.eo-stage > .eo-front {
  overflow: visible;
}

.eo-layer {
  mix-blend-mode: var(--eo-blend);
}

[data-theme="light"] .eo .eo-layer {
  mix-blend-mode: normal;
}

.eo-void {
  fill: var(--eo-void);
  stroke: none;
}

.eo-ash-glow {
  fill: var(--eo-ash);
  stroke: none;
  opacity: calc(var(--fire) * var(--eo-ash-share));
  mix-blend-mode: var(--eo-blend);
}

.eo-heat {
  fill: url(#eo-heat-grad);
  stroke: none;
  opacity: calc(var(--fire) * var(--eo-heat-share));
  mix-blend-mode: var(--eo-blend);
  pointer-events: none;
}

.eo-ember-fill {
  fill: url(#eo-ember-grad);
  stroke: none;
  opacity: calc(var(--fire) * var(--eo-ember-share));
  mix-blend-mode: var(--eo-blend);
}

.eo-flame-fb {
  fill: var(--eo-flame-fb);
  stroke: none;
  opacity: calc(var(--fire) * var(--eo-flame-fb-share));
  mix-blend-mode: var(--eo-blend);
}

.eo-wisp {
  fill: var(--eo-wisp);
  stroke: none;
  mix-blend-mode: var(--eo-blend);
}

.eo-stage[data-gl] .eo-ember,
.eo-stage[data-gl] .eo-fire-fb,
.eo-stage[data-gl] .eo-steam-fb {
  display: none;
}

.eo-live {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.eo-heat-0 {
  stop-color: var(--eo-heat);
  stop-opacity: 1;
}

.eo-heat-1 {
  stop-color: var(--eo-heat);
  stop-opacity: 0;
}

.eo-stop-0 {
  stop-color: var(--eo-ember-0);
}

.eo-stop-1 {
  stop-color: var(--eo-ember-1);
}

.eo-stop-2 {
  stop-color: var(--eo-ember-2);
}

@media (max-width: 760px) {
  .eo .iso-plate-corner[data-corner="hint"] {
    max-width: 40%;
    white-space: normal;
    line-height: 1.4;
  }
}

@media (prefers-reduced-motion: reduce) {
  .eo * {
    transition: none !important;
  }
}

.eo-controls {
  position: absolute;
  left: 20px;
  bottom: 16px;
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: var(--anatomy-mono);
  font-size: 10.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--anatomy-muted);
}

.eo-build {
  height: 28px;
  padding: 0 13px;
  border: 0;
  border-radius: 999px;
  background: var(--anatomy-lit);
  color: var(--anatomy-paper);
  font: inherit;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 160ms var(--anatomy-ease), opacity 200ms var(--anatomy-ease);
}

.eo-build:hover {
  opacity: 0.88;
}

.eo-build:active {
  transform: scale(0.97);
}

.eo-build:focus-visible {
  outline: 1px solid var(--anatomy-muted);
  outline-offset: 3px;
}

.eo-build[disabled] {
  opacity: 0.45;
  cursor: default;
}

.eo-hint {
  white-space: nowrap;
}

@media (max-width: 640px) {
  .eo .iso-plate {
    padding-bottom: 88px;
  }

  .eo .iso-plate-corner[data-corner="readout"] {
    bottom: 46px;
    right: 0;
  }

  .eo-controls {
    left: 14px;
    bottom: 14px;
    gap: 10px;
    max-width: calc(100% - 28px);
    flex-wrap: wrap;
  }
}

.eo-hero{width:100%;max-width:520px;font-family:"Outfit",system-ui,sans-serif}
.eo-hero .iso-figure{margin:0}
.eo-hero .eo-instruccion{margin:12px 0 0;text-align:center;font-size:14px;line-height:1.5;color:#8F5A0F;font-weight:500;white-space:normal}
.eo-hero .iso-figure{container-type:inline-size}
@container (max-width:500px){.eo-hero .iso-plate{padding-bottom:88px}.eo-hero .iso-plate-corner[data-corner="readout"]{bottom:46px;right:0}.eo-hero .eo-controls{left:14px;bottom:14px}}