@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(instrument-serif-italic-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(instrument-serif-normal-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(ubuntu-normal-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(ubuntu-normal-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(ubuntu-normal-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}





:root {


  --tinta: #111419;
  --tinta-2: #1C222B;

  --tinta-3: #2C333D;

  --papel: #F7F5F1;
  --papel-2: #FFFFFF;

  --papel-3: #EDE9E2;


  --acento: #EDBD7E;

  --acento-claro: #8F5E1E;

  --acento-tenue: rgba(200, 132, 42, 0.12);

  --suave: #5A6472;

  --suave-osc: #8A93A0;

  --gris-borde: #D8D2C8;



  --fondo: var(--papel);
  --fondo-elevado: var(--papel-2);
  --texto: var(--tinta);
  --texto-2: var(--suave);
  --borde: var(--gris-borde);
  --marca: var(--acento-claro);


  --boton-fondo: var(--tinta);
  --boton-texto: var(--papel);
  --boton-acento-fondo: var(--acento-claro);
  --boton-acento-texto: #FFFFFF;





  --fuente-display: "Instrument Serif", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --fuente-ui: Ubuntu, "Helvetica Neue", Arial, system-ui, sans-serif;
  --fuente-mono: "JetBrains Mono", "SF Mono", ui-monospace, "Cascadia Code", monospace;



  --t-hero: clamp(74px, 7vw, 104px);
  --t-h2: clamp(2rem, 1.35rem + 2.6vw, 3rem);
  --t-h3: clamp(1.375rem, 1.15rem + 0.9vw, 1.75rem);
  --t-lead: clamp(1.125rem, 1.02rem + 0.42vw, 1.3125rem);
  --t-cuerpo: 1.0625rem;
  --t-pequeno: 0.9375rem;
  --t-micro: 0.8125rem;

  --peso-display: 400;

  --peso-ui: 400;
  --peso-fuerte: 500;
  --peso-max: 700;

  --interlinea-hero: 1.06;
  --interlinea-titulo: 1.14;
  --interlinea-cuerpo: 1.62;
  --tracking-hero: -0.021em;

  --tracking-etiqueta: 0.09em;



  --e1: 0.25rem;  --e2: 0.5rem;   --e3: 0.75rem;  --e4: 1rem;
  --e5: 1.5rem;   --e6: 2rem;     --e7: 3rem;     --e8: 4rem;
  --e9: 6rem;     --e10: 8rem;    --e11: 11rem;



  --franja-y: clamp(4.5rem, 3rem + 6vw, 8.5rem);
  --ancho-max: 1200px;
  --ancho-texto: 68ch;




  --r-chico: 6px;
  --r-medio: 12px;
  --r-tarjeta: 18px;
  --r-bloque: 28px;

  --r-pastilla: 999px;

  --sombra-sutil: 0 1px 2px rgba(20, 24, 31, 0.04), 0 2px 8px rgba(20, 24, 31, 0.04);
  --sombra-tarjeta: 0 2px 4px rgba(20, 24, 31, 0.04), 0 12px 32px rgba(20, 24, 31, 0.07);





  --curva: cubic-bezier(0.22, 0.61, 0.36, 1);
  --curva-salida: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-rapida: 160ms;
  --dur-media: 320ms;
  --dur-lenta: 620ms;
}



:root {
  color-scheme: dark;
  --fondo: var(--tinta);
  --fondo-elevado: var(--tinta-2);
  --texto: var(--papel);
  --texto-2: #ADB4BF;
  --suave-osc: #ADB4BF;
  --borde: var(--tinta-3);
  --marca: var(--acento);
  --boton-fondo: var(--papel);
  --boton-texto: var(--tinta);
  --boton-acento-fondo: var(--acento);
  --boton-acento-texto: var(--tinta);
  --ancho-max: 1440px;
  --franja-y: clamp(4rem, 6vw, 6rem);
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-rapida: 1ms; --dur-media: 1ms; --dur-lenta: 1ms; }
}






*, *::before, *::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

body {
  margin: 0;
  background: var(--fondo);
  color: var(--texto);
  font-family: var(--fuente-ui);
  font-size: var(--t-cuerpo);
  font-weight: var(--peso-ui);
  line-height: var(--interlinea-cuerpo);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

h1, h2, h3, h4 {
  margin: 0;
  font-family: var(--fuente-display);
  font-weight: var(--peso-display);
  line-height: var(--interlinea-titulo);
  letter-spacing: var(--tracking-hero);
  text-wrap: balance;
}
h1 { font-size: var(--t-hero); line-height: var(--interlinea-hero); }
h2 { font-size: var(--t-h2); }
h3 { font-size: var(--t-h3); letter-spacing: -0.01em; }

p { margin: 0; text-wrap: pretty; }

a {
  color: inherit;
  text-decoration-color: color-mix(in srgb, currentColor 32%, transparent);
  text-underline-offset: 0.22em;
  text-decoration-thickness: 1px;
  transition: text-decoration-color var(--dur-rapida) var(--curva);
}
a:hover { text-decoration-color: currentColor; }

img, svg { max-width: 100%; height: auto; display: block; }

button, input, textarea, select { font: inherit; color: inherit; }



:focus-visible {
  outline: 2px solid var(--marca);
  outline-offset: 3px;
  border-radius: var(--r-chico);
}

::selection { background: var(--acento-tenue); color: var(--texto); }




.envoltura {
  width: 100%;
  max-width: var(--ancho-max);
  margin-inline: auto;
  padding-inline: clamp(1.25rem, 0.6rem + 2.6vw, 2.5rem);
}

.franja { padding-block: var(--franja-y); }



.franja--tinta {
  background: var(--tinta);
  color: var(--papel);
  border-radius: var(--r-bloque);
  margin-inline: clamp(0.75rem, 0.3rem + 1.8vw, 2rem);
}
.franja--tinta .etiqueta { color: var(--acento); }
.franja--tinta .apagado { color: var(--suave-osc); }
.franja--tinta a { color: var(--papel); }

.medida { max-width: var(--ancho-texto); }
.apagado { color: var(--texto-2); }
.centrado { text-align: center; margin-inline: auto; }

.lead {
  font-size: var(--t-lead);
  line-height: 1.5;
  color: var(--texto-2);
}





.etiqueta {
  display: inline-flex;
  flex-direction: column;
  gap: var(--e3);
  font-family: var(--fuente-ui);
  font-size: var(--t-micro);
  font-weight: var(--peso-fuerte);
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
  color: var(--marca);
}
.etiqueta::before {
  content: "";
  width: 2.75rem;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
}
.centrado .etiqueta { align-items: center; }



.rejilla { display: grid; gap: var(--e6); }
@media (min-width: 720px) {
  .rejilla--2 { grid-template-columns: repeat(2, 1fr); }
  .rejilla--3 { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1000px) {


  .rejilla--hero { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: var(--e8); align-items: end; }
}

.pila { display: flex; flex-direction: column; }
.pila--2 { gap: var(--e2); } .pila--4 { gap: var(--e4); }
.pila--5 { gap: var(--e5); } .pila--6 { gap: var(--e6); }
.fila { display: flex; flex-wrap: wrap; align-items: center; gap: var(--e4); }







html.js .aparece {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity var(--dur-lenta) var(--curva), transform var(--dur-lenta) var(--curva);
}
html.js .aparece.visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  html.js .aparece { opacity: 1; transform: none; transition: none; }
}

.salta-al-contenido {
  position: absolute;
  left: -9999px;
  top: var(--e4);
  background: var(--tinta);
  color: var(--papel);
  padding: var(--e3) var(--e5);
  border-radius: var(--r-pastilla);
  z-index: 100;
}
.salta-al-contenido:focus { left: var(--e4); }








.nav {
  position: sticky;
  top: 0;
  z-index: 50;
  background: color-mix(in srgb, var(--fondo) 86%, transparent);
  backdrop-filter: saturate(1.6) blur(14px);
  border-bottom: 1px solid transparent;
  transition: border-color var(--dur-media) var(--curva);
}
.nav.desplazada { border-bottom-color: var(--borde); }

.nav__interior {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--e5);
  min-height: 68px;
}

.marca {
  display: inline-flex;
  align-items: center;
  gap: var(--e3);
  font-family: var(--fuente-ui);
  font-size: var(--t-pequeno);
  font-weight: var(--peso-max);
  letter-spacing: 0.13em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}
.marca__glifo { width: 22px; height: 22px; flex: none; }

.nav__enlaces { display: none; gap: var(--e6); }
@media (min-width: 1121px) { .nav__enlaces { display: flex; } }
.nav__enlaces a {
  font-size: var(--t-pequeno);
  color: var(--texto-2);
  text-decoration: none;
  transition: color var(--dur-rapida) var(--curva);
}
.nav__enlaces a:hover { color: var(--texto); }





.boton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--e2);
  padding: 0.72rem 1.35rem;
  border: 1px solid transparent;
  border-radius: var(--r-pastilla);
  background: var(--boton-fondo);
  color: var(--boton-texto);
  font-size: var(--t-pequeno);
  font-weight: var(--peso-fuerte);
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  transition: transform var(--dur-rapida) var(--curva),
              background var(--dur-rapida) var(--curva),
              box-shadow var(--dur-rapida) var(--curva);
}
.boton:hover { transform: translateY(-1px); box-shadow: var(--sombra-tarjeta); }
.boton:active { transform: none; }

.boton--acento { background: var(--boton-acento-fondo); color: var(--boton-acento-texto); }


.franja--tinta {
  --texto-2: var(--suave-osc);
  --borde: var(--tinta-3);
}
.franja--tinta .boton { background: var(--papel); color: var(--tinta); }
.franja--tinta .boton--acento { background: var(--acento); color: var(--tinta); }

.boton--fantasma {
  background: transparent;
  color: var(--texto);
  border-color: var(--borde);
}
.boton--fantasma:hover { border-color: var(--texto); box-shadow: none; }

.enlace-flecha {
  display: inline-flex;
  align-items: center;
  gap: var(--e2);
  font-size: var(--t-pequeno);
  font-weight: var(--peso-fuerte);
  text-decoration: none;
  color: var(--texto);
}
.enlace-flecha svg { transition: transform var(--dur-rapida) var(--curva); }
.enlace-flecha:hover svg { transform: translateX(3px); }



.tarjeta {
  display: flex;
  flex-direction: column;
  gap: var(--e4);
  padding: var(--e6);
  background: var(--fondo-elevado);
  border: 1px solid var(--borde);
  border-radius: var(--r-tarjeta);
  transition: transform var(--dur-media) var(--curva),
              box-shadow var(--dur-media) var(--curva),
              border-color var(--dur-media) var(--curva);
}
.franja--tinta .tarjeta {
  background: var(--tinta-2);
  border-color: var(--tinta-3);
}

a.tarjeta { text-decoration: none; }
a.tarjeta:hover {
  transform: translateY(-3px);
  box-shadow: var(--sombra-tarjeta);
  border-color: color-mix(in srgb, var(--marca) 45%, var(--borde));
}

.tarjeta__pie {
  margin-top: auto;
  padding-top: var(--e4);
  border-top: 1px solid var(--borde);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--e3);
  font-size: var(--t-micro);
  color: var(--texto-2);
}
.franja--tinta .tarjeta__pie { border-top-color: var(--tinta-3); }



.insignia {
  display: inline-flex;
  align-items: center;
  gap: var(--e2);
  padding: 0.2rem 0.6rem;
  border-radius: var(--r-pastilla);
  background: var(--acento-tenue);
  color: var(--marca);
  font-size: var(--t-micro);
  font-weight: var(--peso-fuerte);
  letter-spacing: 0.03em;
}
.insignia::before {
  content: "";
  width: 6px; height: 6px;
  border-radius: 50%;
  background: currentColor;
}





.cifra { display: flex; flex-direction: column; gap: var(--e2); }
.cifra__valor {
  font-family: var(--fuente-display);
  font-size: clamp(2.5rem, 1.9rem + 2.4vw, 3.5rem);
  line-height: 1;
  letter-spacing: -0.02em;
}
.cifra__que { font-size: var(--t-pequeno); }
.cifra__fuente {
  font-family: var(--fuente-mono);
  font-size: var(--t-micro);
  color: var(--texto-2);
  letter-spacing: -0.01em;
}
.franja--tinta .cifra__fuente { color: var(--suave-osc); }



.formulario { display: grid; gap: var(--e4); }
@media (min-width: 640px) { .formulario__par { display: grid; grid-template-columns: 1fr 1fr; gap: var(--e4); } }

.campo { display: flex; flex-direction: column; gap: var(--e2); }
.campo > span { font-size: var(--t-micro); font-weight: var(--peso-fuerte); color: var(--texto-2); }
.campo input, .campo textarea, .campo select {
  width: 100%;
  padding: 0.78rem 0.95rem;
  background: var(--fondo-elevado);
  border: 1px solid var(--borde);
  border-radius: var(--r-medio);
  transition: border-color var(--dur-rapida) var(--curva),
              box-shadow var(--dur-rapida) var(--curva);
}
.campo textarea { resize: vertical; min-height: 6.5rem; }
.campo input:focus, .campo textarea:focus, .campo select:focus {
  outline: none;
  border-color: var(--marca);
  box-shadow: 0 0 0 3px var(--acento-tenue);
}
.franja--tinta .campo input,
.franja--tinta .campo textarea,
.franja--tinta .campo select {
  background: var(--tinta-2);
  border-color: var(--tinta-3);
  color: var(--papel);
}

.nota-form { font-size: var(--t-micro); color: var(--texto-2); }



.pie {
  border-top: 1px solid var(--borde);
  padding-block: var(--e7) var(--e6);
  font-size: var(--t-pequeno);
  color: var(--texto-2);
}
.pie__rejilla { display: grid; gap: var(--e6); }
@media (min-width: 760px) { .pie__rejilla { grid-template-columns: 1.6fr repeat(2, 1fr); } }
.pie a { text-decoration: none; }
.pie a:hover { color: var(--texto); }
.pie__legal {
  margin-top: var(--e6);
  padding-top: var(--e5);
  border-top: 1px solid var(--borde);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--e3);
  font-size: var(--t-micro);
}



.nav__enlaces { white-space: nowrap; }
@media (max-width: 1120px) { .nav__enlaces { display: none; } }



.poda-a { stroke: currentColor; }
.poda-a--muerta { stroke-width: 1; stroke-opacity: .26; }
.poda-a--viva   { stroke: var(--marca); stroke-width: 2.2; stroke-opacity: .95; }


.poda-n         { fill: currentColor; fill-opacity: .52; }
.poda-n--viva   { fill: var(--marca); fill-opacity: 1; }

.poda-t {
  font-family: var(--mono, ui-monospace, monospace);
  fill: var(--tinta);
  paint-order: stroke;
  stroke: var(--papel);

  stroke-width: 3px;
  stroke-linejoin: round;
  pointer-events: none;
}
.poda-t--raiz  { font-size: 12px; fill-opacity: .88; letter-spacing: .04em; }
.poda-t--fam   { font-size: 12.5px; fill-opacity: .72; letter-spacing: .02em; }
.poda-t--hijo  { font-size: 11.5px; fill-opacity: .95; }
.poda-t--porque{ font-size: 9.5px; fill-opacity: .68; font-style: italic; }
.poda-t--viva  { fill: var(--marca); fill-opacity: 1; font-weight: 600; }



.poda-t--v { font-size: 9px; letter-spacing: .07em; fill-opacity: .66; }
.poda-t--v-switch    { fill-opacity: .66; }
.poda-t--v-continue  { fill: var(--marca); fill-opacity: .95; font-weight: 700; }
.poda-t--v-terminate { fill-opacity: .62; }





.retrato__nota { display: block; margin-top: .5rem; font-size: .82em; }
.retrato__nota code { font-size: .92em; }



.vec-a { stroke: var(--marca); stroke-width: 1.1; stroke-opacity: .55; }
.vec-p { fill: currentColor; fill-opacity: .52; }

.vec-p--dentro { fill: var(--marca); fill-opacity: .9; }
.vec-umbral {
  fill: none; stroke: var(--marca); stroke-width: 1;
  stroke-opacity: .38; stroke-dasharray: 3 5;
}
.vec-t {
  font-family: var(--mono, ui-monospace, monospace);
  font-size: 10.5px; fill: var(--tinta); fill-opacity: .72;
  paint-order: stroke; stroke: var(--papel); stroke-width: 3px;
  stroke-linejoin: round; pointer-events: none;
}
.vec-t--dentro { fill: var(--marca); fill-opacity: 1; font-weight: 600; }
.vec-t--q      { font-size: 12px; fill: var(--marca); fill-opacity: 1; font-weight: 600; }
.vec-t--umbral { font-size: 9.5px; fill-opacity: .68; font-style: italic; }



.pruebas { margin: 1.1rem 0 .4rem; }
.pruebas__resumen {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-family: var(--mono, ui-monospace, monospace);
  font-size: .8rem;
  letter-spacing: .02em;
  color: var(--acento-claro, var(--marca));
  padding: .35rem 0;
  list-style: none;
}
.pruebas__resumen::-webkit-details-marker { display: none; }
.pruebas__resumen::before {
  content: "+";
  font-size: 1rem;
  line-height: 1;
  opacity: .7;
  transition: transform 160ms ease;
}
.pruebas[open] .pruebas__resumen::before { content: "−"; }
.pruebas__resumen:hover { text-decoration: underline; text-underline-offset: 3px; }
.pruebas__resumen:focus-visible { outline: 2px solid var(--marca); outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) { .pruebas__resumen::before { transition: none; } }



.banda {
  margin: clamp(2rem, 6vw, 5rem) 0;
  overflow: hidden;
  line-height: 0;
  background: var(--papel);
}
.banda img {
  width: 100%;
  height: clamp(150px, 24vw, 340px);
  object-fit: cover;
  object-position: center;
  display: block;


  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.franja--tinta .banda img { filter: invert(1) hue-rotate(180deg) brightness(1.1); }








.hero { padding-top: clamp(3rem, 2rem + 4vw, 5.5rem); }





.destaca { font-style: normal; font-weight: 600; color: var(--marca); }

.subrayado {
  font-style: normal;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.13em;
  text-decoration-color: var(--marca);
}



.fabrica {
  margin-top: clamp(2.5rem, 1.5rem + 4vw, 5rem);
  color: var(--texto);


  -webkit-mask-image: linear-gradient(to right, #000 0%, #000 72%, transparent 100%);
          mask-image: linear-gradient(to right, #000 0%, #000 72%, transparent 100%);
}
.fabrica__svg { width: 100%; height: auto; }
.fabrica__pie {
  margin-top: var(--e4);
  font-size: var(--t-micro);
  max-width: 46ch;
}
@media (max-width: 640px) {


  .fabrica { overflow: hidden; }
  .fabrica__svg { width: 165%; margin-left: -6%; }
}



.tarjeta--ancha { padding: var(--e7); }
@media (min-width: 900px) { .tarjeta--ancha { padding: var(--e8); } }



.tarjeta--limite {
  background: var(--fondo-elevado);
  box-shadow: inset 0 2px 0 var(--marca);
}


.tarjeta--limite::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 14px;
  background-image: radial-gradient(circle at 50% 50%, var(--marca) 1.4px, transparent 1.5px);
  background-size: 7px 7px;
  opacity: 0.55;
  pointer-events: none;
}
.tarjeta--limite { position: relative; overflow: hidden; }



.destacado {
  display: flex;
  flex-direction: column;
  gap: var(--e4);
  padding: var(--e7);
  border: 1px solid var(--tinta-3);
  border-radius: var(--r-tarjeta);
  background: linear-gradient(160deg,
              color-mix(in srgb, var(--acento) 9%, transparent),
              transparent 62%);
}
@media (min-width: 900px) { .destacado { padding: var(--e8); } }
.destacado strong { color: var(--acento); font-weight: var(--peso-fuerte); }

.cifra__unidad { font-size: 0.55em; letter-spacing: 0; margin-left: 0.06em; }



.lista { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--e4); }
.lista li {
  position: relative;
  padding-left: 1.9rem;
  color: var(--texto-2);
}
.lista li::before {
  content: "";
  position: absolute;
  left: 0; top: 0.62em;
  width: 0.85rem; height: 2px;
  border-radius: 2px;
  background: var(--marca);
}


.lista--no li::before {
  top: 0.5em;
  width: 0.85rem; height: 0.85rem;
  border-radius: 50%;
  background: none;
  border: 2px solid var(--borde);
}



.pasos { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--e2); }
.paso {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--e5);
  align-items: start;
  padding: var(--e6) 0;
  border-top: 1px solid var(--borde);
}
.paso:last-child { border-bottom: 1px solid var(--borde); }
.paso__n {
  font-family: var(--fuente-mono);
  font-size: var(--t-micro);
  color: var(--marca);
  padding-top: 0.42em;
  letter-spacing: 0.06em;
}
@media (min-width: 800px) {
  .paso { grid-template-columns: 5rem minmax(0, 20ch) minmax(0, 1fr); gap: var(--e6); }
  .paso > div { display: contents; }
  .paso h3 { align-self: start; }
}



@media (min-width: 1000px) {
  .rejilla--cierre { grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr); gap: var(--e8); align-items: start; }
}



.campo--trampa {
  position: absolute;
  left: -9999px;
  width: 1px; height: 1px;
  overflow: hidden;
}

.nota-form--ok { color: var(--marca); }
.nota-form--error { color: #C2553E; }
.franja--tinta .nota-form--error { color: #E88A72; }





.recibo {
  position: relative;
  font-family: var(--fuente-mono);
  font-size: var(--t-micro);
  line-height: 1.5;
  margin: 0;
  padding: var(--e4) var(--e5) var(--e4) calc(var(--e5) + 10px);
  border-radius: var(--r-chico);
  background: var(--fondo-elevado);


  max-width: 560px;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--marca) 22%, transparent);
}
.recibo::before {
  content: "";
  position: absolute;
  left: 7px; top: 8px; bottom: 8px;
  width: 3px;
  background-image: radial-gradient(circle at 50% 50%, var(--marca) 1.5px, transparent 1.6px);
  background-size: 3px 7px;
}
.franja--tinta .recibo { background: color-mix(in srgb, var(--acento) 8%, var(--tinta-2)); }

.recibo__afirmacion {
  font-family: var(--fuente-ui);
  font-size: var(--t-pequeno);
  font-weight: var(--peso-fuerte);
  color: var(--texto);
  margin-bottom: var(--e2);
}
.franja--tinta .recibo__afirmacion { color: var(--papel); }

.recibo__meta { display: flex; flex-wrap: wrap; gap: var(--e5); margin: 0 0 var(--e1); color: var(--texto-2); }
.recibo__meta div { display: flex; gap: 0.35em; }
.recibo__meta dt { text-transform: uppercase; letter-spacing: 0.06em; }
.recibo__meta dt::after { content: " ·"; }
.recibo__meta dd { margin: 0; color: var(--texto); }
.franja--tinta .recibo__meta dd { color: var(--papel); }
.franja--tinta .recibo__meta, .franja--tinta .recibo__fuente { color: var(--suave-osc); }

.recibo__fuente { color: var(--texto-2); word-break: break-all; margin: 0; }

.recibo__cmd > summary {
  color: var(--marca);
  cursor: pointer;
  margin-top: var(--e2);
  list-style: none;
}
.recibo__cmd > summary::marker, .recibo__cmd > summary::-webkit-details-marker { display: none; }
.recibo__cmd > summary::before { content: "▸ "; }
.recibo__cmd[open] > summary::before { content: "▾ "; }
.recibo__cmd pre {
  overflow-x: auto;
  margin: var(--e3) 0 0;
  padding-top: var(--e3);
  border-top: 1px solid var(--borde);
  white-space: pre-wrap;
  word-break: break-word;
}
.franja--tinta .recibo__cmd pre { border-top-color: var(--tinta-3); }

.recibos { display: grid; gap: var(--e4); }



.rotulo {
  font-family: var(--fuente-mono);
  font-size: var(--t-micro);
  letter-spacing: 0.05em;
  color: var(--texto-2);
  text-transform: uppercase;
}
.rotulo strong { color: var(--marca); font-weight: var(--peso-fuerte); }
.franja--tinta .rotulo { color: var(--suave-osc); }

.url-visible {
  font-family: var(--fuente-mono);
  font-size: var(--t-micro);
  color: var(--marca);
}



.salto { display: inline; }
@media (min-width: 620px) { .salto { display: block; height: 0; } }



#prueba .rejilla--2 { margin-top: var(--e5); gap: var(--e7); }
#prueba .cifra__fuente { max-width: 40ch; }





.traza {
  border: 1px solid var(--borde);
  border-radius: var(--r-tarjeta);
  background: var(--fondo-elevado);
  overflow: hidden;
}
.traza__linea {
  display: grid;
  gap: var(--e2);
  padding: var(--e5) var(--e6);
  border-bottom: 1px solid var(--borde);
}
@media (min-width: 760px) {
  .traza__linea { grid-template-columns: 8.5rem minmax(0, 1fr); gap: var(--e5); align-items: start; }
}
.traza__linea:last-of-type { border-bottom: none; }

.traza__quien {
  font-family: var(--fuente-mono);
  font-size: var(--t-micro);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--texto-2);
  padding-top: 0.2em;
}
.traza__linea p { margin: 0 0 var(--e3); }
.traza__linea p:last-child { margin-bottom: 0; }
.traza__linea code {
  font-family: var(--fuente-mono);
  font-size: 0.92em;
  color: var(--marca);
}



.traza__linea--usuario { background: color-mix(in srgb, var(--texto) 3.5%, transparent); }
.traza__linea--maquina .traza__quien,
.traza__linea--maquina p { font-family: var(--fuente-mono); font-size: var(--t-micro); }


.traza__linea--agente {
  position: relative;
  background: color-mix(in srgb, var(--marca) 3.5%, transparent);
}
.traza__linea--agente::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 12px;
  background-image: radial-gradient(circle at 50% 50%, var(--marca) 1.4px, transparent 1.5px);
  background-size: 6px 6px;
  opacity: 0.6;
}

.traza__meta {
  margin: 0;
  padding: var(--e4) var(--e6);
  border-top: 1px solid var(--borde);
  background: color-mix(in srgb, var(--texto) 3%, transparent);
  font-family: var(--fuente-mono);
  font-size: var(--t-micro);
  color: var(--texto-2);
}



.traza__cuerpo { min-width: 0; }
.traza__cuerpo p { margin: 0 0 var(--e3); }
.traza__cuerpo p:last-child { margin-bottom: 0; }
.traza__nota {
  font-family: var(--fuente-mono);
  font-size: var(--t-micro);
  color: var(--texto-2);
}



.franja--tinta .nota-form { color: var(--suave-osc); }
.franja--tinta .nota-form--ok { color: var(--acento); }
.franja--tinta .nota-form a { color: var(--acento); }
.fuente-inline { font-family: var(--fuente-mono); font-size: 0.82em; opacity: .72; }





.retrato {
  margin: var(--e5) calc(var(--e6) * -1) 0;
  padding: var(--e5) var(--e6) 0;
  color: var(--texto);
  overflow: hidden;
}
.retrato__svg { width: 100%; height: auto; display: block; }
.retrato__rot {
  font-family: var(--fuente-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  fill-opacity: 0.62;
}
.retrato__pie {
  margin: var(--e3) 0 0;
  font-size: var(--t-micro);
  color: var(--texto-2);
  max-width: 62ch;
}
@media (max-width: 700px) {


  .retrato { overflow-x: auto; }
  .retrato__svg { min-width: 560px; }
}

.fila--envio { gap: var(--e3); }
.fila--envio .boton { flex: 1 1 auto; }





.hero { position: relative; }

.hero.construyendo > .envoltura { opacity: 0; }


html:has(.hero.construyendo) { overflow: hidden; }
.hero.listo > .envoltura {
  animation: entra-hero 720ms var(--curva) both;
}
@keyframes entra-hero {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: none; }
}

.consola {


  position: fixed;
  inset: 0;
  z-index: 40;
  background: var(--fondo);
  display: flex;
  align-items: center;
  padding-inline: clamp(1.25rem, 0.6rem + 2.6vw, 2.5rem);
  transition: opacity 380ms var(--curva-salida), transform 380ms var(--curva-salida);
}
.consola.yendose { opacity: 0; transform: translateY(-8px); }

.consola__caja {
  width: 100%;
  max-width: var(--ancho-max);
  margin-inline: auto;
  font-family: var(--fuente-mono);
  font-size: var(--t-pequeno);
  line-height: 1.9;
}
.consola__l { margin: 0; min-height: 1.9em; white-space: pre; }
.consola__l--cmd { color: var(--texto); }
.consola__l--cmd::before { content: "$ "; color: var(--marca); }
.consola__l--log { color: var(--texto-2); }
.consola__l--log::before { content: "· "; opacity: 0.5; }
.consola__l--ok  { color: var(--marca); font-weight: var(--peso-fuerte); }
.consola__l--ok::before { content: "✓ "; }



.consola__l:not(:empty)::after {
  content: "";
  display: inline-block;
  width: 0.55em; height: 1.05em;
  margin-left: 0.12em;
  background: var(--marca);
  vertical-align: -0.18em;
  animation: parpadeo 1s steps(2) infinite;
}
.consola__l:not(:empty) ~ .consola__l:not(:empty)::after { content: ""; }
.consola__l:not(:empty):has(~ .consola__l:not(:empty))::after { display: none; }
@keyframes parpadeo { 0%,49% { opacity: 1 } 50%,100% { opacity: 0 } }

@media (prefers-reduced-motion: reduce) {
  .hero.listo > .envoltura { animation: none; }
  .consola__l::after { animation: none; }
}







.hero__titular {
  font-size: clamp(2.45rem, 1.25rem + 5.6vw, 6rem);
  line-height: 1.02;
  letter-spacing: -0.026em;
  text-wrap: balance;
}
@media (min-width: 620px) { .hero__titular { line-height: 0.98; } }



@media (max-width: 619px) {
  .hero__titular .subrayado {
    text-decoration: none;
    color: var(--marca);
  }
}


.hero__titular .subrayado {
  text-decoration-thickness: clamp(2px, 0.055em, 4px);
  text-underline-offset: 0.1em;
}
@media (min-width: 1000px) {


  .rejilla--hero { grid-template-columns: minmax(0, 1fr); gap: var(--e7); }
  .rejilla--hero > .pila:last-child {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--e6) var(--e8);
    align-items: start;
  }
  .rejilla--hero > .pila:last-child > .fila { grid-column: 1 / -1; }
}





.cog {
  display: grid;
  gap: var(--e5);
  padding: var(--e6);
  border-radius: var(--r-tarjeta);
  background: var(--tinta-2);
  box-shadow: inset 0 0 0 1px var(--tinta-3);
}
@media (min-width: 900px) { .cog { padding: var(--e7); } }

.cog__entrada { display: flex; flex-wrap: wrap; gap: var(--e3); }
.cog__entrada input {
  flex: 1 1 18rem;
  min-width: 0;
  padding: 0.9rem 1.1rem;
  font-family: var(--fuente-mono);
  font-size: var(--t-cuerpo);
  color: var(--papel);
  background: var(--tinta);
  border: 1px solid var(--tinta-3);
  border-radius: var(--r-medio);
}
.cog__entrada input::placeholder { color: var(--suave-osc); opacity: 0.7; }
.cog__entrada input:focus {
  outline: none;
  border-color: var(--acento);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--acento) 22%, transparent);
}

.cog__pistas { display: flex; flex-wrap: wrap; gap: var(--e2); align-items: center; margin: 0; font-size: var(--t-micro); }
.cog__pista {
  font-family: var(--fuente-mono);
  font-size: var(--t-micro);
  padding: 0.28rem 0.6rem;
  color: var(--acento);
  background: transparent;
  border: 1px dashed color-mix(in srgb, var(--acento) 42%, transparent);
  border-radius: var(--r-chico);
  cursor: pointer;
  transition: background var(--dur-rapida) var(--curva);
}
.cog__pista:hover { background: color-mix(in srgb, var(--acento) 14%, transparent); }

.cog__lienzo { min-height: 300px; color: var(--papel); }
.cog__svg { width: 100%; height: auto; display: block; }
.cog-t { font-family: var(--fuente-mono); font-size: 13px; fill: currentColor; fill-opacity: 0.86; }
.cog-t--num { font-size: 11px; fill: var(--acento); fill-opacity: 0.9; }
.cog-t--raiz { font-size: 15px; fill: var(--acento); }



.cog.pensando .cog__lienzo { animation: respira 1.1s ease-in-out infinite; }
@keyframes respira { 0%,100% { opacity: 1 } 50% { opacity: 0.62 } }

.cog__dictamen {
  padding: var(--e5);
  border-radius: var(--r-medio);
  background: var(--tinta);
  font-size: var(--t-pequeno);
  color: var(--suave-osc);
  min-height: 5.5rem;
}
.cog__veredicto {
  font-family: var(--fuente-display);
  font-size: clamp(1.7rem, 1.2rem + 1.8vw, 2.4rem);
  line-height: 1.1;
  margin: 0 0 var(--e2);
}
.cog__dictamen--ok .cog__veredicto { color: var(--acento); }
.cog__dictamen--duda .cog__veredicto { color: var(--papel); }
.cog__dictamen--no .cog__veredicto { color: var(--suave-osc); }
.cog__regla { font-family: var(--fuente-mono); font-size: var(--t-micro); color: var(--acento); opacity: 0.8; margin: 0 0 var(--e3); }
.cog__explica { margin: 0; max-width: 70ch; color: var(--suave-osc); }
.cog__dictamen--pensando { font-family: var(--fuente-mono); color: var(--acento); }

@media (max-width: 720px) {
  .cog__lienzo { overflow-x: auto; }
  .cog__svg { min-width: 620px; }
}



.agente { display: grid; gap: var(--e4); }
.agente textarea {
  width: 100%;
  padding: 1rem 1.15rem;
  font-size: var(--t-lead);
  line-height: 1.5;
  background: var(--fondo-elevado);
  border: 1px solid var(--borde);
  border-radius: var(--r-medio);
  resize: vertical;
}
.agente textarea:focus {
  outline: none;
  border-color: var(--marca);
  box-shadow: 0 0 0 3px var(--acento-tenue);
}
.agente__pistas { display: inline-flex; flex-wrap: wrap; gap: var(--e2); align-items: center; font-size: var(--t-micro); }

.agente__salida {
  display: grid;
  gap: var(--e5);
  padding: var(--e6);
  border-radius: var(--r-tarjeta);
  background: var(--fondo-elevado);
  border: 1px solid var(--borde);
}
.agente__salida--esperando, .agente__salida--pensando, .agente__salida--no {
  color: var(--texto-2);
  font-family: var(--fuente-mono);
  font-size: var(--t-micro);
}
.agente__salida--pensando { color: var(--marca); }
.agente.pensando .agente__salida { animation: respira 1.1s ease-in-out infinite; }

.agente__intro { font-size: var(--t-lead); color: var(--texto-2); margin: 0; }
.agente__prop {
  display: grid;
  gap: var(--e3);
  padding: var(--e5) 0;
  border-top: 1px solid var(--borde);


  animation: entra-prop 460ms var(--curva) var(--retraso, 0ms) both;
}
@keyframes entra-prop { from { opacity: 0; transform: translateY(8px) } to { opacity: 1; transform: none } }
@media (prefers-reduced-motion: reduce) { .agente__prop { animation: none } }

.agente__prop--primero h3 { font-size: clamp(1.5rem, 1.1rem + 1.5vw, 2.1rem); }
.agente__necesita { color: var(--texto-2); }
.agente__parecido {
  padding: var(--e3) var(--e4);
  border-radius: var(--r-chico);
  background: color-mix(in srgb, var(--marca) 6%, transparent);
  font-size: var(--t-pequeno);
  color: var(--texto-2);
}
.agente__cierre { font-size: var(--t-pequeno); color: var(--texto-2); margin: 0; max-width: 68ch; }
.agente__salida .boton { justify-self: start; }
.insignia--no {
  background: transparent;
  color: var(--texto-2);
  box-shadow: inset 0 0 0 1px var(--borde);
}
.insignia--no::before { background: var(--texto-2); opacity: .5; }





.demo-vivo {
  position: relative;
  overflow: hidden;
  border: 1px solid #3a4655;
  background:
    radial-gradient(circle at 70% 38%, rgba(237,189,126,.11), transparent 34%),
    linear-gradient(145deg, #171d26 0%, #10141b 70%);
  box-shadow: 0 32px 90px rgba(0,0,0,.26), inset 0 1px rgba(255,255,255,.025);
}
.demo-vivo::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .42;
  background-image: radial-gradient(circle, rgba(237,189,126,.28) 0 1px, transparent 1.2px);
  background-size: 34px 34px;
  mask-image: linear-gradient(105deg, transparent 5%, #000 48%, transparent 94%);
}
.demo-vivo > * { position: relative; z-index: 1; }
.demo-vivo__barra {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: calc(var(--e6) * -1) calc(var(--e6) * -1) 0;
  padding: 15px var(--e6);
  border-bottom: 1px solid #34404d;
  background: rgba(9,12,17,.68);
  backdrop-filter: blur(12px);
}
.demo-vivo__barra div,.demo-vivo__barra p { display: flex; align-items: center; gap: 10px; margin: 0; }
.demo-vivo__barra strong { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; }
.demo-vivo__barra p { color: #aab5c2; font: 10px var(--fuente-mono); text-transform: uppercase; letter-spacing: .05em; }
.demo-vivo__barra p b { padding: 5px 9px; border: 1px solid rgba(237,189,126,.35); border-radius: 999px; color: var(--acento); font-weight: 500; }
.demo-vivo__pulso { width: 8px; height: 8px; border-radius: 50%; background: var(--acento); box-shadow: 0 0 0 5px rgba(237,189,126,.1),0 0 24px var(--acento); }
.demo-vivo__promesa { display: flex; align-items: center; justify-content: center; gap: 18px; color: #aab5c2; font-size: 14px; }
.demo-vivo__promesa i { color: var(--acento); font-size: 24px; font-style: normal; }
.demo-vivo__promesa strong { color: var(--papel); font-weight: 500; }

.demo-flujo { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid #35404e; border-radius: 12px; overflow: hidden; }
.demo-flujo li { position: relative; display: grid; gap: 2px; min-height: 82px; padding: 14px 16px; color: #8793a1; background: rgba(12,16,22,.62); transition: color 240ms ease,background 240ms ease; }
.demo-flujo li + li { border-left: 1px solid #35404e; }
.demo-flujo li:not(:last-child)::after { content: "→"; position: absolute; right: -8px; top: 29px; z-index: 2; color: #596675; background: #141a22; padding: 0 2px; }
.demo-flujo span { color: var(--acento); font: 10px var(--fuente-mono); }
.demo-flujo b { color: #dce3ea; font-size: 14px; font-weight: 500; }
.demo-flujo small { font: 10px/1.45 var(--fuente-mono); }
.demo-flujo li.esta-lista { color: #b8c5d0; background: rgba(237,189,126,.045); }
.demo-flujo li.esta-activa { color: var(--papel); background: rgba(237,189,126,.12); box-shadow: inset 0 -2px var(--acento); }
.demo-flujo li.esta-activa b { color: var(--acento); }

.cog__escena { position: relative; min-height: 300px; border: 1px solid #2f3945; border-radius: 14px; overflow: hidden; background: radial-gradient(circle at 50% 50%, rgba(237,189,126,.08), transparent 38%),rgba(7,10,15,.5); }
.cog__lienzo { position: relative; z-index: 2; min-height: 300px; padding: 8px; }
.cog__reposo { position: absolute; inset: 0; display: grid; place-items: center; transition: opacity 260ms ease; }
.cog--activo .cog__reposo { opacity: 0; }
.cog__orbita { position: absolute; width: 230px; aspect-ratio: 1; border: 1px solid rgba(237,189,126,.22); border-radius: 50%; transform: rotate(16deg) scaleY(.42); }
.cog__orbita--2 { width: 340px; transform: rotate(-14deg) scaleY(.34); border-color: rgba(138,163,190,.15); }
.cog__nucleo { display: grid; place-items: center; width: 116px; aspect-ratio: 1; border-radius: 50%; border: 1px solid rgba(237,189,126,.5); color: var(--acento); font: 11px var(--fuente-mono); box-shadow: 0 0 60px rgba(237,189,126,.13),inset 0 0 35px rgba(237,189,126,.06); }
.cog__nucleo small { display: block; max-width: 80px; color: #aab5c2; font: 9px/1.4 var(--fuente-mono); text-align: center; }
.cog__dictamen { border: 1px solid #35404e; background: rgba(8,11,16,.82); }
.cog__dictamen:not(.cog__dictamen--pensando):has(.cog__veredicto) { box-shadow: inset 3px 0 var(--acento); }
.cog__acciones { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-top: 18px; padding-top: 18px; border-top: 1px solid #35404e; }
.cog__acciones small { color: #8f9ba8; font: 10px/1.5 var(--fuente-mono); max-width: 42ch; }

.agente { padding: var(--e6); border-radius: var(--r-tarjeta); }
.agente__mesa { display: grid; grid-template-columns: minmax(300px,.78fr) minmax(540px,1.22fr); gap: 18px; }
.agente__brief,.agente__plano { min-width: 0; border: 1px solid #35404e; border-radius: 14px; background: rgba(8,11,16,.68); }
.agente__brief { display: flex; flex-direction: column; gap: 15px; padding: 22px; }
.agente__brief textarea { flex: 1; min-height: 150px; color: var(--papel); background: #10151d; border-color: #3d4958; }
.agente__brief > .boton { align-self: flex-start; min-height: 48px; }
.agente__pistas { margin-top: auto; }
.agente__plano { display: grid; grid-template-rows: auto 1fr auto; gap: 14px; padding: 22px; overflow: hidden; }
.agente__constelacion { position: relative; min-height: 330px; }
.agente__linea { position: absolute; height: 1px; transform-origin: 0 50%; background: linear-gradient(90deg,rgba(237,189,126,.75),rgba(237,189,126,.12)); }
.agente__linea--1 { width: 31%; left: 18%; top: 47%; transform: rotate(-18deg); }
.agente__linea--2 { width: 31%; left: 47%; top: 37%; transform: rotate(24deg); }
.agente__linea--3 { width: 28%; left: 52%; top: 58%; transform: rotate(-7deg); }
.agente__modulo { position: absolute; display: grid; gap: 2px; padding: 10px 12px; min-width: 125px; color: #91a0af; border: 1px solid #3b4653; background: #111720; transition: border-color 240ms ease,box-shadow 240ms ease,transform 240ms ease; }
.agente__modulo::before { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #667383; left: -4px; top: calc(50% - 3px); }
.agente__modulo i { color: var(--acento); font: 9px var(--fuente-mono); font-style: normal; }
.agente__modulo b { color: #e6ebf0; font-size: 13px; font-weight: 500; }
.agente__modulo small { font: 9px/1.45 var(--fuente-mono); }
.agente__modulo--entrada { left: 0; top: 40%; border-radius: 999px; }
.agente__modulo--nucleo { left: 38%; top: 28%; min-width: 138px; aspect-ratio: 1; place-content: center; text-align: center; border-radius: 50%; box-shadow: 0 0 58px rgba(237,189,126,.1); }
.agente__modulo--nucleo::before { border-radius: 50%; }
.agente__modulo--skill { right: 0; top: 3%; transform: rotate(0); border-radius: 3px; }
.agente__modulo--control { right: 0; bottom: 4%; border-radius: 999px; }
.agente__modulo--salida { left: 29%; bottom: 0; border-radius: 4px; }
.agente__modulo.esta-lista { border-color: rgba(237,189,126,.5); }
.agente__modulo.esta-lista::before { background: var(--acento); }
.agente__modulo.esta-activa { z-index: 2; border-color: var(--acento); box-shadow: 0 0 0 5px rgba(237,189,126,.06),0 0 34px rgba(237,189,126,.18); transform: translateY(-2px); }
.agente__modulo.esta-activa::before { background: #fff2c7; box-shadow: 0 0 18px var(--acento); }
.agente__estado { display: flex; align-items: center; gap: 9px; min-height: 38px; color: #aeb9c4; font: 10px/1.5 var(--fuente-mono); border-top: 1px solid #35404e; padding-top: 12px; }
.agente__estado span { flex: 0 0 7px; height: 7px; border-radius: 50%; background: var(--acento); box-shadow: 0 0 12px rgba(237,189,126,.7); }
.agente__salida { border-color: #3a4655; background: rgba(12,16,22,.84); }
.agente__salida:not(.agente__salida--esperando):not(.agente__salida--pensando):not(.agente__salida--no) { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
.agente__salida .agente__intro,.agente__salida .agente__cierre,.agente__salida > .boton { grid-column: 1/-1; }
.agente__prop { align-content: start; padding: var(--e5); border: 1px solid #3a4655; border-radius: 12px; background: linear-gradient(145deg,rgba(237,189,126,.075),rgba(17,23,32,.45)); }

@media (min-width: 900px) {
  .demo-vivo__barra { margin: calc(var(--e7) * -1) calc(var(--e7) * -1) 0; padding-inline: var(--e7); }
  .agente { padding: var(--e7); }
  .agente .demo-vivo__barra { margin: calc(var(--e7) * -1) calc(var(--e7) * -1) var(--e5); }
}
@media (max-width: 899px) {
  .agente__mesa { grid-template-columns: 1fr; }
  .agente__constelacion { min-height: 300px; }
}
@media (max-width: 720px) {
  .demo-vivo__barra { align-items: flex-start; margin: calc(var(--e6) * -1) calc(var(--e6) * -1) 0; padding: 14px var(--e5); }
  .demo-vivo__barra p { display: grid; justify-items: end; gap: 3px; text-align: right; }
  .demo-vivo__barra p span:last-child { display: none; }
  .demo-vivo__promesa { justify-content: flex-start; font-size: 12px; }
  .demo-flujo { grid-template-columns: repeat(2,1fr); }
  .demo-flujo li:nth-child(3) { border-left: 0; border-top: 1px solid #35404e; }
  .demo-flujo li:nth-child(4) { border-top: 1px solid #35404e; }
  .demo-flujo li:nth-child(2)::after { content: "↓"; right: 14px; top: auto; bottom: -12px; }
  .demo-flujo li:nth-child(3)::after { content: "→"; }
  .cog__escena { min-height: 245px; }
  .cog__lienzo { min-height: 245px; overflow: hidden; padding: 0; }
  .cog__svg { min-width: 520px; width: 520px; max-width: none; transform: translateX(-54px); }
  .agente { padding: var(--e5); }
  .agente .demo-vivo__barra { margin: calc(var(--e5) * -1) calc(var(--e5) * -1) var(--e4); }
  .agente__brief,.agente__plano { padding: 17px; }
  .agente__constelacion { min-height: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; align-items: stretch; }
  .agente__linea { display: none; }
  .agente__modulo { position: relative; inset: auto; min-width: 0; padding: 12px; transform: none; }
  .agente__modulo::after { content: "↓"; position: absolute; right: 8px; bottom: -18px; z-index: 3; color: rgba(237,189,126,.6); font: 14px var(--fuente-mono); }
  .agente__modulo--entrada { grid-column: 1; grid-row: 1; border-radius: 999px; }
  .agente__modulo--skill { grid-column: 2; grid-row: 1; }
  .agente__modulo--nucleo { grid-column: 1/-1; grid-row: 2; width: 132px; min-width: 132px; justify-self: center; aspect-ratio: 1; border-radius: 50%; }
  .agente__modulo--control { grid-column: 2; grid-row: 3; border-radius: 999px; }
  .agente__modulo--salida { grid-column: 1; grid-row: 3; }
  .agente__modulo--control::after,.agente__modulo--salida::after { display: none; }
  .agente__modulo.esta-activa { transform: translateY(-2px); }
  .agente__salida:not(.agente__salida--esperando):not(.agente__salida--pensando):not(.agente__salida--no) { grid-template-columns: 1fr; }
  .agente__salida .agente__intro,.agente__salida .agente__cierre,.agente__salida > .boton { grid-column: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .demo-flujo li,.cog__reposo,.agente__modulo { transition: none; }
}



.retrato { position: relative; }
.retrato__svg, .cog__svg { cursor: grab; touch-action: none; }
.retrato__svg.arrastrando, .cog__svg.arrastrando { cursor: grabbing; }





.retrato__modname {
  font-family: var(--fuente-mono);
  font-size: 7.5px;
  fill: currentColor;
  fill-opacity: 0;
  pointer-events: none;
  paint-order: stroke;
  stroke: var(--papel);
  stroke-width: 2.4px;
  stroke-linejoin: round;
  transition: fill-opacity 200ms var(--curva);
}
.zoom-activo .retrato__modname { fill-opacity: 0.92; }
.retrato__mod { transition: r 160ms var(--curva), fill-opacity 160ms var(--curva); }
.retrato__mod:hover { r: 4.2; fill-opacity: 1; fill: var(--marca); }

.zoom-ctrl {
  position: absolute;
  right: var(--e4); bottom: var(--e2);
  display: flex; align-items: center; gap: var(--e2);
  opacity: 0;
  transition: opacity var(--dur-media) var(--curva);
}
.retrato:hover .zoom-ctrl, .zoom-ctrl:focus-within { opacity: 1; }
.zoom-ctrl button {
  width: 26px; height: 26px;
  display: grid; place-items: center;
  font-family: var(--fuente-mono);
  color: var(--texto-2);
  background: var(--fondo-elevado);
  border: 1px solid var(--borde);
  border-radius: var(--r-chico);
  cursor: pointer;
}
.zoom-ctrl button:hover { color: var(--marca); border-color: var(--marca); }
.zoom-ctrl__pista { font-family: var(--fuente-mono); font-size: var(--t-micro); color: var(--texto-2); }
@media (max-width: 700px) { .zoom-ctrl { opacity: 1; } .zoom-ctrl__pista { display: none; } }





.permiso { display: grid; gap: var(--e4); }
.permiso__titulo { margin: 0; font-family: var(--fuente-ui); font-size: var(--t-pequeno); font-weight: var(--peso-fuerte); }
.permiso__opciones { display: grid; gap: var(--e3); }

.permiso__opcion {
  display: grid; gap: var(--e2);
  padding: var(--e4) var(--e5);
  max-width: 58rem;
  text-align: left;
  background: transparent;
  border: 1px solid var(--borde);
  border-radius: var(--r-medio);
  cursor: pointer;
  transition: border-color var(--dur-rapida) var(--curva), background var(--dur-rapida) var(--curva);
}
.franja--tinta .permiso__opcion { border-color: var(--tinta-3); }
.permiso__opcion:hover { border-color: var(--marca); background: color-mix(in srgb, var(--marca) 7%, transparent); }
.permiso__opcion--primaria { box-shadow: inset 0 2px 0 var(--marca); }
.permiso__et { font-family: var(--fuente-ui); font-size: var(--t-cuerpo); font-weight: var(--peso-fuerte); color: var(--texto); }
.franja--tinta .permiso__et { color: var(--papel); }
.permiso__detalle { font-size: var(--t-micro); line-height: 1.5; color: var(--texto-2); }
.franja--tinta .permiso__detalle { color: var(--suave-osc); }
.permiso__nota { margin: 0; font-family: var(--fuente-mono); font-size: var(--t-micro); color: var(--texto-2); }





[hidden]{display:none!important}html{scroll-padding-top:100px}html.js .aparece{opacity:1;transform:none}.solo-lector{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.nav{background:#111419;border-bottom:1px solid #30343b;backdrop-filter:none}.nav__interior{min-height:78px}.nav__enlaces{gap:1.5rem}.nav .boton{background:transparent;border-color:#69707a;color:#f7f5f1}.nav__movil{display:none;position:relative;margin-left:auto}.nav__movil summary{cursor:pointer;font-size:12px;padding:12px}.nav__movil nav{position:absolute;right:0;top:100%;width:200px;display:grid;padding:12px;background:#171b21;border:1px solid #69707a;box-shadow:0 12px 30px #0008}.nav__movil nav a{padding:12px;text-decoration:none}.nav__movil[open] summary{color:var(--acento)}
.hero{padding:36px 0 0;background:#111419}.hero>.envoltura{display:block}.hero__composicion{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;min-height:610px;align-items:center}.hero__voz{position:relative;z-index:2;display:flex;flex-direction:column;gap:26px;padding:28px 0}.hero__voz .etiqueta{font-size:11px;letter-spacing:.14em}.hero__titular{font-size:var(--t-hero);line-height:.99;letter-spacing:-.04em;text-wrap:initial;white-space:nowrap}.hero__titular em{color:#edbd7e}.hero__voz .lead{font-size:17px;line-height:1.55;max-width:37ch}.hero .fila{gap:22px}.hero .boton{padding:14px 22px;border-radius:4px;background:#edbd7e;color:#111419}.hero .enlace-flecha{font-size:14px}.hero__vivos{margin:24px 0 0;padding:24px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #414448}.hero__vivos>span{font-size:13px;color:#b1b7bf}.hero__vivos>a{font-size:13px;text-decoration:none}
.observatorio{min-width:0;border:0;background:transparent;align-self:stretch;display:flex;flex-direction:column;justify-content:center;position:relative}.observatorio__visor{position:relative;height:490px;background:radial-gradient(ellipse at 50% 50%,#45332350,transparent 68%);overflow:hidden}.observatorio__canvas{position:relative;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}.observatorio__canvas:active{cursor:grabbing}.observatorio__leyenda{display:none!important}.observatorio__fuente{padding:14px 0;color:#b1b7bf;font-size:11px;line-height:1.6}.escena__etiqueta{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:7px;padding:22px 18px 14px;border-left:2px solid #edbd7e;background:linear-gradient(0deg,#111419 85%,#11141900);pointer-events:none}.escena__etiqueta>span{font-size:13px;color:#f7f5f1}.escena__etiqueta strong{font-size:18px;line-height:1.35;font-weight:400}.escena__etiqueta small{font-size:11px;color:#b1b7bf;line-height:1.4}.escena__grafico{width:100%;height:100%;overflow:hidden}.observatorio__alternativa{height:100%;width:100%}.observatorio__rotulo{position:absolute;transform:translate(-50%,0);white-space:nowrap;pointer-events:none;font-size:14px;color:#f7f5f1;text-shadow:0 1px 4px #000;max-width:100%;z-index:1}.escena__herramientas{font-size:12px;color:#edbd7e}.escena__herramientas>summary{cursor:pointer;list-style:none;border-top:1px solid #414448;padding:14px 0;display:flex;justify-content:space-between}.escena__herramientas>summary::-webkit-details-marker{display:none}.escena__herramientas[open]>summary span{transform:rotate(45deg)}
.escena__ayuda2d{font-size:12px;color:#b1b7bf;padding:4px 0 16px}.observatorio__controles{padding:16px;background:#171b21;border:1px solid #43484f;display:grid;gap:12px}.observatorio button{border:1px solid #68717d;background:#1c222b;color:#e2e5e9;border-radius:4px;padding:10px 12px;font-size:12px;cursor:pointer;min-height:40px}.observatorio button[aria-pressed=true]{background:#edbd7e;color:#111419;border-color:#edbd7e}.observatorio__vistas,.observatorio__navegar{display:flex;gap:5px;flex-wrap:wrap}.observatorio__selector{display:grid;gap:8px;color:#b1b7bf;font-size:12px}.observatorio select{width:100%;min-width:0;color:#f7f5f1;background:#111419;border:1px solid #68717d;border-radius:4px;padding:10px;font-size:13px}.observatorio__detalle{color:#e2e5e9;font-size:13px;line-height:1.6;min-height:2.5em;overflow-wrap:anywhere}
.capitulo{padding-block:clamp(64px,7vw,110px)}.capitulo__cabecera{display:grid;gap:24px;margin-bottom:48px;max-width:850px}.capitulo h2{font-size:clamp(38px,4.8vw,68px);line-height:1.05;letter-spacing:-.025em}.capitulo__cabecera .lead{max-width:53ch}.capitulo--prueba{background:#191e25;border-top:1px solid #343b43}.decision-guardada{display:grid;grid-template-columns:1fr auto 1fr;gap:32px;align-items:start;border-block:1px solid #50555b;padding:32px 0}.decision-guardada>div{display:grid;gap:12px;min-width:0}.decision-guardada strong{font-family:var(--fuente-display);font-size:clamp(28px,3.2vw,46px);font-weight:400;overflow-wrap:anywhere}.decision-guardada p{color:#b9c0c9;font-size:15px;max-width:45ch}.decision-guardada__flecha{color:#edbd7e;font-size:54px;align-self:center}.decision-guardada .decision-guardada__limite{grid-column:1/-1;max-width:90ch;font-size:13px}.demostracion{padding-top:64px;scroll-margin-top:100px}.demostracion h2{font-size:clamp(32px,3.2vw,48px)}.demostracion .lead{font-size:17px;max-width:70ch}.demostracion>.envoltura{gap:24px}.demostracion--caso{margin-top:56px;padding-top:48px;border-top:1px solid #50555b}.cog{border-radius:4px;min-width:0}.cog>*{min-width:0}.cog__entrada{min-width:0;width:100%}.cog__entrada input{width:100%;max-width:100%}.cog__lienzo:empty{display:none;min-height:0}.cog__lienzo{overflow-x:auto}.cog__svg{min-width:560px}.cog__entrada input{min-width:0}.cog__pista{min-height:36px}.cog__entrada input::placeholder{opacity:1;color:#adb4bf}.cog__regla{opacity:1}.cog-t,.cog-t--num{fill-opacity:1}.agente textarea{min-height:108px}.agente textarea::placeholder,.campo textarea::placeholder{color:#adb4bf;opacity:1}.agente__salida--esperando{padding-block:16px}.detalle-editorial{border-bottom:1px solid var(--borde);min-width:0}.detalle-editorial>summary{position:relative;cursor:pointer;padding:24px 42px 24px 0;list-style:none;font-size:20px;line-height:1.4;font-weight:400}.detalle-editorial>summary::-webkit-details-marker{display:none}.detalle-editorial>summary::after{content:'+';position:absolute;right:4px;top:22px;color:var(--marca);font-size:24px}.detalle-editorial[open]>summary::after{content:'−'}.detalle-evidencia{border-top:1px solid var(--borde);border-bottom:0}.detalle-evidencia>summary{font-size:13px;padding-block:18px;color:var(--texto-2)}.detalle-evidencia>summary::after{top:12px}.detalle-editorial .recibo{margin:0 0 24px}.detalle-contenido{padding:16px 0 40px}.detalle-contenido>.envoltura{padding-inline:0}.detalle-contenido h2{font-size:38px}.detalle-contenido .lead{font-size:18px}.fuente-inline{display:block;opacity:1;font-size:11px;line-height:1.5;color:var(--texto-2);overflow-wrap:anywhere}.recibo__fuente{word-break:normal;overflow-wrap:anywhere}
.capitulo--obras{--texto:#111419;--texto-2:#535c69;--marca:#8f5e1e;--borde:#c5c0b7;--fondo:#f7f5f1;--fondo-elevado:#eee9e0;background:var(--fondo);color:var(--texto)}.capitulo--obras>.envoltura{gap:32px}.capitulo--obras .lead{max-width:58ch}.obra-destacada{margin:8px 0 16px}.obra-destacada img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid #c5c0b7}.obra-destacada figcaption{display:flex;justify-content:space-between;gap:16px;padding:16px 0;font-size:12px;color:#535c69}.capitulo--obras .rejilla--3{gap:0;border-block:1px solid var(--borde)}.capitulo--obras a.tarjeta{background:transparent;border:0;border-radius:0;padding:28px 24px;box-shadow:none}.capitulo--obras a.tarjeta+a.tarjeta{border-left:1px solid var(--borde)}.capitulo--obras .tarjeta h3{font-size:38px}.capitulo--obras .tarjeta .apagado{font-size:15px}.capitulo--obras .recibo{background:#eee9e0}.capitulo--obras .recibo::before{background:#c5c0b7}.capitulo--alcance{background:#111419}.alcance__indice{border-top:1px solid #50555b}.capitulo--contacto{background:#232930;border-top:1px solid #50555b}.capitulo--contacto h2{max-width:11ch}.capitulo--contacto .lead{font-size:18px}.capitulo--contacto .campo>span{font-size:13px}.capitulo--contacto .boton--fantasma{color:#f7f5f1}.contacto-recibido{display:none}.contacto-recibido:target{display:block;color:var(--acento)}.pie{padding-block:56px}.pie__legal{font-size:11px}.pie__rejilla>.pila:first-child .apagado{font-size:14px;max-width:48ch}
#sistemas .tarjeta--ancha{display:flex;gap:24px;padding:24px;overflow:hidden}#sistemas .tarjeta--ancha h3{font-size:32px}#sistemas .retrato{overflow-x:auto;min-width:0;width:100%;max-width:100%}#sistemas .retrato__svg{min-width:560px}.retrato__modname{stroke:#1c222b}.poda-t,.vec-t,.retrato__rot{fill-opacity:1}.poda-t,.vec-t{fill:var(--texto);stroke:var(--fondo-elevado)}.poda-t--viva,.poda-t--v-continue,.vec-t--dentro,.vec-t--q{fill:var(--marca)}.pruebas__resumen{color:var(--texto)}.poda-n,.vec-p,.retrato__mod{fill-opacity:.85}.poda-t--v-switch,.poda-t--v-terminate,.poda-t--v-continue{fill-opacity:1}
@media(max-width:1120px){.nav__movil{display:block}.nav__enlaces{display:none}}
@media(min-width:701px) and (max-width:1100px){.hero__composicion{grid-template-columns:1fr;min-height:0}.hero__voz{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;padding-top:0}.hero__voz .etiqueta{grid-column:1/-1}.hero__titular{grid-row:2/4;font-size:74px}.hero__voz .lead{align-self:end;max-width:27ch}.hero__voz .fila{align-self:start;gap:14px}.observatorio{width:100%;max-width:620px;margin:0 auto}.observatorio__visor{height:370px}.hero__vivos{margin-top:10px}}
@media(max-width:700px){.nav__interior{min-height:60px;gap:4px}.nav .marca{font-size:10px;gap:7px;letter-spacing:.05em}.nav .boton{font-size:11px;padding:9px 10px}.nav__movil summary{font-size:11px;padding:10px}.hero{padding:25px 0 0}.hero__composicion{display:flex;flex-direction:column;min-height:0;gap:4px}.hero__voz{padding:0;gap:15px;align-self:stretch}.hero__voz .etiqueta{font-size:9px;gap:9px}.hero__titular{font-size:clamp(47px,13vw,56px)}.hero__voz .lead{font-size:13px;line-height:1.5;max-width:38ch}.hero .fila{gap:16px}.hero .boton{font-size:12px;padding:12px 14px}.hero .enlace-flecha{font-size:11px}.observatorio{margin:0;width:100%}.observatorio__visor{height:266px}.escena__etiqueta{bottom:0;padding:10px 0 0;border-left:0;gap:5px}.escena__etiqueta strong{font-size:15px}.escena__etiqueta>span{font-size:12px}.escena__etiqueta small{font-size:10px}.observatorio__rotulo{font-size:10px}.observatorio__fuente{padding:8px 0;font-size:10px}.escena__herramientas>summary{padding:10px 0}.hero__vivos{gap:16px;margin:14px 0 0;padding:16px 0}.hero__vivos>span{flex:0 0 100%;font-size:11px}.hero__vivos a{font-size:11px}.hero__vivos a:last-child{display:none}.capitulo{padding-block:56px}.capitulo__cabecera{gap:20px;margin-bottom:32px}.capitulo h2{font-size:40px}.capitulo .lead{font-size:16px}.decision-guardada{grid-template-columns:1fr;gap:16px;padding:24px 0}.decision-guardada__flecha{font-size:34px;line-height:1}.decision-guardada strong{font-size:32px}.decision-guardada p{font-size:14px}.demostracion{padding-top:48px}.demostracion h2{font-size:34px}.demostracion--caso{margin-top:40px;padding-top:40px}.capitulo--obras a.tarjeta{padding:24px 0}.capitulo--obras a.tarjeta+a.tarjeta{border-left:0;border-top:1px solid var(--borde)}.obra-destacada figcaption{flex-direction:column;gap:4px}.detalle-editorial>summary{font-size:17px}.detalle-evidencia>summary{font-size:12px}.detalle-contenido h2{font-size:32px}.capitulo--contacto h2{max-width:none}.pie{padding-block:40px}.pie__rejilla{gap:32px}}
@media(prefers-reduced-motion:no-preference){.hero__voz{animation:voz-entrada 600ms var(--curva) both}@keyframes voz-entrada{from{transform:translateY(10px)}to{transform:none}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}



@media(max-width:700px){.capitulo--contacto{padding-block:24px 32px}.capitulo--contacto>.envoltura{gap:20px}.capitulo--contacto .pila{gap:12px}.capitulo--contacto .etiqueta{font-size:10px;gap:8px}.capitulo--contacto h2{font-size:34px}.capitulo--contacto .lead{font-size:14px;line-height:1.5}.capitulo--contacto .formulario{gap:12px}.capitulo--contacto .formulario__par{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.capitulo--contacto .campo{gap:6px;min-width:0}.capitulo--contacto .campo>span{font-size:12px}.capitulo--contacto .campo input,.capitulo--contacto .campo textarea{min-width:0;max-width:100%;padding:9px 10px;font-size:16px}.capitulo--contacto .campo textarea{height:72px;min-height:72px}.capitulo--contacto .nota-form{font-size:11px}.capitulo--contacto .fila--envio{gap:12px}.capitulo--contacto .fila--envio .boton{padding:10px 14px}}







.hero {position:relative;background:#090d12;padding:0;overflow:hidden}
.hero__composicion {position:relative;display:block;min-height:790px}
.hero__arte {position:absolute;inset:0 calc(50% - 50vw);margin:0;pointer-events:none}
.hero__arte img {width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero__arte::after {content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090d12 0%,#090d12db 18%,#090d1230 48%,transparent 68%),linear-gradient(0deg,#090d12,transparent 20%)}
.hero__arte figcaption {position:absolute;right:40px;bottom:30px;z-index:2;color:#d1c3af;font-size:12px;pointer-events:auto;text-shadow:0 1px 5px #000}
.hero__voz {position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;width:min(48%,580px);min-height:790px;justify-content:center;padding:34px 0 38px}
.hero__voz .etiqueta {font-size:10px;max-width:35ch;line-height:1.5;margin-bottom:2px}
.hero__consola{position:relative;display:grid;gap:14px;background:transparent;text-shadow:0 2px 18px #000}.hero__presencia{display:flex;align-items:center;gap:9px;font:10px var(--fuente-mono);letter-spacing:.1em;color:#edbd7e}.hero__presencia>i{width:7px;height:7px;border-radius:50%;background:#edbd7e;box-shadow:0 0 0 5px #edbd7e12,0 0 22px #edbd7e}.hero__presencia output{color:inherit}.hero__titular {font-size:clamp(58px,5vw,76px);line-height:.98;letter-spacing:-.038em;white-space:normal;max-width:none}.hero__titular em {display:block;white-space:nowrap;color:#edbd7e}
.hero__intercambio{display:grid;gap:8px;max-width:590px;min-height:62px}.hero__turno{display:flex;gap:7px 12px;align-items:flex-start;margin:0;color:#f7f5f1}.hero__turno>span{flex:none;padding-top:3px;color:#edbd7e;font:9px/1.4 var(--fuente-mono);letter-spacing:.08em}.hero__turno>strong{max-width:44ch;font:500 15px/1.5 var(--fuente-mono);text-wrap:balance}.hero__turno>i{flex:none;width:7px;height:1.3em;background:#edbd7e;animation:terminal-cursor 1.1s steps(1,end) infinite}.hero__turno--persona{opacity:.65}.hero__turno--persona>span{color:#b8c2cc}.hero__turno--persona>strong{font-size:11px;font-weight:400;color:#d7dde3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes terminal-cursor{50%{opacity:0}}
[data-agent-state=listening] .hero__presencia>i,.hero[data-hero-hablando] .hero__presencia>i{animation:voz-pulso .55s ease-in-out infinite alternate}@keyframes voz-pulso{to{transform:scale(1.8);box-shadow:0 0 30px #edbd7e}}
.hero__voz .hero__lema {font-size:14px;color:#edbd7e;margin:1px 0 0}.hero__voz .lead {font-size:14px;line-height:1.55;max-width:54ch;margin:0;color:#c6c9cd}.hero__voz>.fila {gap:18px;flex-wrap:wrap;margin:3px 0 0}
.hero__dialogo{display:grid;gap:7px;max-width:560px;margin-top:2px}.hero__dialogo>label{font:10px var(--fuente-mono);letter-spacing:.06em;text-transform:uppercase;color:#f4eadb}.hero__dialogo-linea{display:grid;grid-template-columns:minmax(0,1fr) auto auto;border:1px solid #8c7657;border-radius:30px;background:#080d13d9;overflow:hidden;box-shadow:0 14px 40px #0004,0 0 35px #d69a3b0a}.hero__dialogo-linea:focus-within{border-color:#edbd7e;box-shadow:0 0 0 3px #edbd7e22,0 14px 40px #0005}.hero__dialogo input{min-width:0;border:0;background:transparent;color:#f7f5f1;padding:13px 16px;font:13px var(--fuente-ui);outline:0}.hero__dialogo input::placeholder{color:#9fa6ae}.hero__dialogo-linea button{min-width:44px;min-height:44px;border:0;border-left:1px solid #5e5549;color:#f7f5f1;cursor:pointer}.hero__microfono{display:flex;align-items:center;gap:6px;padding:0 12px;background:#111821;font:10px var(--fuente-mono)}.hero__microfono span{font-size:8px;color:#edbd7e}.hero__microfono[aria-pressed=true]{background:#321c18;color:#ffd8c5}.hero__microfono[aria-pressed=true] span{color:#ff6b4d;animation:voz-pulso .45s ease-in-out infinite alternate}.hero__microfono b{font-weight:500}.hero__enviar{padding:0 16px;background:#edbd7e;color:#111419!important;font:600 12px var(--fuente-ui)}.hero__dialogo-linea button:disabled{opacity:.62;cursor:wait}.hero__dialogo-nota,.hero__dialogo-estado{font-size:9px;line-height:1.45;color:#aeb4bc;margin:0}.hero__dialogo-estado:not(:empty){color:#f0cf9f}.hero__dialogo-reset{width:max-content;padding:0;border:0;border-bottom:1px solid currentColor;background:none;color:#c8cdd3;font:10px var(--fuente-ui);cursor:pointer}.hero[data-portada-perfil] .hero__voz{view-transition-name:hero-voz}
.hero__traza{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:560px;margin-top:5px}.hero__traza>span{position:relative;min-width:0;padding:9px 6px 0 12px;border-top:1px solid #7b6b55;color:#c6cdd4;transition:transform .22s ease,border-color .22s ease}.hero__traza i{position:absolute;left:0;top:-3px;width:6px;height:6px;border-radius:50%;background:#77818b}.hero__traza b{display:block;font:8px/1.3 var(--fuente-mono);letter-spacing:.07em;text-transform:uppercase;color:#b8c1ca}.hero__traza em{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hero__traza output{grid-column:1/-1;min-height:17px;padding-top:7px;color:#f3d6aa;font:500 10px/1.45 var(--fuente-mono);letter-spacing:.02em}.hero__traza[data-fase="1"]>span:nth-child(-n+1),.hero__traza[data-fase="2"]>span:nth-child(-n+2),.hero__traza[data-fase="3"]>span:nth-child(-n+3),.hero__traza[data-fase="4"]>span{transform:translateY(-2px);border-color:#edbd7e}.hero__traza[data-fase="1"]>span:nth-child(-n+1) i,.hero__traza[data-fase="2"]>span:nth-child(-n+2) i,.hero__traza[data-fase="3"]>span:nth-child(-n+3) i,.hero__traza[data-fase="4"]>span i{background:#edbd7e;box-shadow:0 0 16px #edbd7e}.hero__traza[data-fase="1"]>span:nth-child(-n+1) b,.hero__traza[data-fase="2"]>span:nth-child(-n+2) b,.hero__traza[data-fase="3"]>span:nth-child(-n+3) b,.hero__traza[data-fase="4"]>span b{color:#edbd7e}
.hero .boton {border-radius:30px;padding:13px 19px;font-size:12px}.hero .enlace-flecha {font-size:12px}.hero__vivos {position:relative;margin:0;padding:22px 0;gap:24px;flex-wrap:wrap;border-color:#45433e}.hero__vivos>a {font-size:12px}.hero__vivos>a:last-child {display:block}
.nucleo-real {background:#0e141c}.nucleo-real>.envoltura {display:block}
.nucleo-real .observatorio {width:100%;max-width:none;margin:0}
.nucleo-real .observatorio__visor {height:500px;background:radial-gradient(ellipse at 65% 45%,#9d672430,transparent 50%),radial-gradient(ellipse at 35% 60%,#829aa020,transparent 50%)}
.nucleo-real .observatorio__fuente {font-size:13px;line-height:1.6;max-width:80ch;padding:16px 0}
.nucleo-real .observatorio__rotulo {font-size:13px}
.nucleo-real .escena__herramientas {max-width:none;width:100%;margin:0}
.nucleo-real .escena__herramientas>summary {font-size:14px;padding:16px 0}
.nucleo-real .observatorio__controles {background:#151e29;border-radius:10px}
.observatorio__alternativa {display:flex;flex-direction:column}
.observatorio__alternativa .observatorio__mapa {flex:1;min-height:0;display:grid;place-items:center}
.observatorio__alternativa .retrato__svg {min-width:0!important;width:100%;height:100%;max-height:100%}
.observatorio__alternativa>a {flex:none;padding:8px 0;font-size:12px}
.escena__nota2d {font-size:12px;color:#b1b7bf;line-height:1.5}
.recuperada {padding-block:clamp(64px,7vw,104px);border-top:1px solid #343b43;scroll-margin-top:96px}
.recuperada>.envoltura {padding-inline:var(--margen,40px)}
.recuperada h2 {font-size:clamp(38px,4.5vw,64px);line-height:1.06;max-width:22ch}
.recuperada .lead {max-width:68ch;line-height:1.65;font-size:18px}
.recuperada:nth-of-type(even) {background:#10161e}
.recuperada:nth-of-type(odd) {background:#151c25}
#sistemas .tarjeta--ancha {padding:36px;gap:40px;border:1px solid #414b58;border-radius:12px;background:linear-gradient(145deg,#222b35,#151c25)}
#sistemas .tarjeta--ancha h3 {font-size:42px}
#sistemas .retrato {background:radial-gradient(ellipse,#74542615,transparent 70%);padding-block:24px}
#sistemas .retrato__svg {width:100%;min-width:560px;max-height:490px}
.escena__etiqueta {background:linear-gradient(0deg,#090d12 85%,#090d1200)}
.escena__etiqueta small {font-size:12px}
.capitulo--obras {--texto:#f7f5f1;--texto-2:#bbc3ce;--marca:#edbd7e;--borde:#46505e;--fondo:#10161e;--fondo-elevado:#1b2531}
.capitulo--obras .obra-destacada img {border-color:#46505e;border-radius:12px}
.capitulo--obras .obra-destacada figcaption {color:#bbc3ce;font-size:13px}
.capitulo--obras .recibo {background:#1b2531}
.capitulo--obras .recibo::before {background:#46505e}
.capitulo--obras .rejilla--2 {gap:0;border-block:1px solid var(--borde)}
.capitulo--obras a.tarjeta {padding:32px 24px}
.capitulo--obras .tarjeta h3 {color:var(--texto)}
.capitulo--obras .tarjeta .apagado {color:var(--texto-2)}

@media(min-width:701px) and (max-width:1100px){
 .hero__voz {width:56%;gap:11px;padding-block:32px;min-height:760px}.hero__composicion {min-height:760px}
 .hero__titular {font-size:58px}.hero__voz .lead {font-size:13px;max-width:44ch}.hero__turno>strong{font-size:14px}
 .hero__arte img {object-position:60% center}.hero__arte::after {background:linear-gradient(90deg,#090d12 0%,#090d12ee 45%,#090d1280 61%,#090d1200 76%),linear-gradient(0deg,#090d12,transparent 25%)}
 .nucleo-real .observatorio__visor {height:440px}
}
@media(max-width:700px){
 .hero {padding-top:0}.hero__composicion {display:block;min-height:max(690px,calc(100svh - 72px))}
 .hero__voz {width:100%;min-height:max(690px,calc(100svh - 72px));padding:30px 0 26px;gap:10px;justify-content:center}
 .hero__consola{gap:10px}.hero__voz .etiqueta{font-size:9px;margin-bottom:0}
 .hero__titular {font-size:clamp(43px,12.2vw,54px);line-height:.98;text-align:left;margin:0;max-width:10ch}
 .hero__intercambio{min-height:56px}.hero__turno{gap:5px 8px}.hero__turno>span{font-size:8px}.hero__turno>strong{font-size:12px;line-height:1.42}.hero__turno--persona>strong{font-size:10px}
 .hero__dialogo{margin-top:0;gap:5px}.hero__dialogo-linea{grid-template-columns:minmax(0,1fr) 44px 48px}.hero__dialogo input{padding:11px 12px;font-size:12px}.hero__microfono{padding:0;justify-content:center}.hero__microfono b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hero__enviar{padding:0;font-size:0}.hero__enviar::after{content:'↗';font-size:18px}.hero__dialogo-nota{font-size:8px}.hero__traza{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:3px}.hero__traza>span{padding:7px 3px 0 8px}.hero__traza b{font-size:6px;letter-spacing:.02em}.hero__traza output{font-size:9px;padding-top:6px}
 .hero__arte {position:absolute;inset:0 calc(50% - 50vw);width:auto;height:auto;margin:0}
 .hero__arte img {object-position:68% center;object-fit:cover}.hero__arte::after {background:linear-gradient(90deg,#090d12f2 0%,#090d12d8 60%,#090d124f 100%),linear-gradient(0deg,#090d12,transparent 32%,#090d1240)}
 .hero__arte figcaption {left:20px;right:20px;bottom:12px;font-size:9px;line-height:1.5}
 .hero__vivos {gap:18px;padding:22px 0}.hero__vivos>a {font-size:13px}.hero__vivos>span {font-size:12px}
 .nucleo-real .observatorio__visor {height:330px}.nucleo-real .observatorio__fuente {font-size:12px}.nucleo-real .observatorio__rotulo {font-size:12px}
 .recuperada {padding-block:56px}.recuperada>.envoltura {padding-inline:20px}
 .recuperada h2 {font-size:40px}.recuperada .lead {font-size:16px}
 #sistemas .tarjeta--ancha {padding:24px 18px;gap:24px}#sistemas .tarjeta--ancha h3 {font-size:34px}
 .capitulo--obras a.tarjeta {padding:28px 0}.escena__etiqueta small {font-size:12px}
}



main>section:not(.hero) {content-visibility:auto;contain-intrinsic-size:auto 1000px}



.recuperada {--texto:#f7f5f1;--texto-2:#bbc3ce;--marca:#edbd7e;--borde:#384452;--fondo:#10161e;--fondo-elevado:#17212c;--boton-fondo:#edbd7e;--boton-texto:#111419;background:var(--fondo);color:var(--texto)}
.recuperada:nth-of-type(n) {background:var(--fondo)}
.recuperada h2 em,.capitulo--obras h2 em {font-weight:400;color:#edbd7e}
.capitulo--obras {padding-block:100px;background:linear-gradient(160deg,#171e28,#0d131b)}
.capitulo--obras .capitulo__cabecera {max-width:940px;margin-bottom:56px}
.capitulo--obras h2 {font-size:clamp(44px,5.3vw,76px);line-height:1.04;letter-spacing:-.035em}
.capitulo--obras .lead {max-width:67ch;line-height:1.65;font-size:18px}
.casos-agentes {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.caso-agente {position:relative;display:flex;flex-direction:column;gap:22px;min-width:0;padding:32px 28px;border:1px solid #45505d;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#ad7d4026,transparent 65%),#131c27;overflow:hidden}
.caso-agente:nth-child(2) {background:radial-gradient(ellipse at 100% 0,#a1b4bf22,transparent 65%),#131c27}
.caso-agente:nth-child(3) {background:radial-gradient(ellipse at 100% 0,#a1957926,transparent 65%),#131c27}
.caso-agente__cabecera {display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:69px}
.caso-agente__etiqueta {font-size:12px;color:#edbd7e;letter-spacing:.08em;text-transform:uppercase;line-height:1.5}
.caso-agente__estado {font-size:11px;line-height:1.5;color:#d3dbe3;padding:5px 9px;border:1px solid #637080;border-radius:5px}
.caso-agente h3 {font-size:39px;line-height:1.06;letter-spacing:-.025em;min-height:124px;text-wrap:balance}
.caso-agente>p {color:#c3cad2;font-size:15px;line-height:1.7;margin:0}
.caso-agente__flujo {list-style:none;display:grid;gap:0;padding:22px 0 0;margin:0;margin-top:auto;counter-reset:paso}
.caso-agente__flujo li {position:relative;display:grid;grid-template-columns:24px 1fr;gap:3px 12px;padding:0 0 23px;counter-increment:paso}
.caso-agente__flujo li::before {content:counter(paso,decimal-leading-zero);font:11px var(--fuente-mono);color:#edbd7e;grid-row:1/3;padding-top:4px}
.caso-agente__flujo li:not(:last-child)::after {content:'';position:absolute;left:9px;top:24px;bottom:6px;width:1px;background:#66717d}
.caso-agente__flujo strong {font-size:15px;font-weight:500;color:#f7f5f1}
.caso-agente__flujo span {font-size:12px;color:#b8c3cd;line-height:1.5}
.caso-agente__enlace {display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:22px;border-top:1px solid #45505d;text-decoration:none;color:#f7f5f1;font-size:14px;min-height:48px}
.caso-agente__enlace span {font-size:22px;color:#edbd7e}
.caso-agente__enlace:hover {color:#edbd7e}
.casos-agentes__nota {font-size:13px;line-height:1.7;color:#b8c3cd;margin:24px 0 0;max-width:90ch}
#sistemas {--fondo:#0e141d;padding-block:96px}
#sistemas>.envoltura {gap:48px}
#sistemas .sistema {display:flex;flex-direction:column;gap:28px;padding:44px;border:1px solid #394555;border-radius:20px;background:linear-gradient(140deg,#1a2633,#121b26);scroll-margin-top:108px;overflow:hidden}
#sistemas .sistema__intro {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.sistema__titulo {display:flex;flex-direction:column;gap:18px}
#sistemas .sistema h3 {font-size:clamp(32px,3.6vw,52px);line-height:1.07;letter-spacing:-.025em}
#sistemas .sistema__intro>.apagado {font-size:17px;line-height:1.7;max-width:50ch;padding-top:4px}
.sistema__grafico-titulo {font-size:12px;color:#d5bf9f;text-transform:uppercase;letter-spacing:.075em;margin:6px 0 -12px}
#sistemas .retrato {margin:0;color:#f7f5f1;background:radial-gradient(ellipse at 50% 40%,#25304070,transparent 72%),#0c131d;border:1px solid #3b4859;border-radius:12px;padding:20px 16px 56px;overflow-x:auto;scrollbar-color:#708094 #111a25}
#sistemas .retrato__svg {max-height:540px;min-width:0}
.retrato__arista {stroke:currentColor}
.retrato__arista--tronco {stroke-width:1.8;stroke-opacity:.75}
.retrato__arista--rama {stroke-width:1.1;stroke-opacity:.55}


.retrato__modname {opacity:0;fill:#f7f5f1;fill-opacity:1;stroke:#0c131d;stroke-opacity:1;stroke-width:2.2px;transition:opacity 180ms ease}
.zoom-activo .retrato__modname {opacity:1;fill-opacity:1}
.poda-t,.vec-t {fill:#e8edf2;stroke:#0c131d;stroke-width:3px;fill-opacity:1}
.poda-t--viva,.poda-t--v-continue,.vec-t--dentro,.vec-t--q {fill:#edbd7e}
.poda-a--muerta {stroke:#a4b2c1;stroke-opacity:.65;stroke-width:1.1px}
.vec-a {stroke:#a4b2c1;stroke-opacity:.55}
.vec-umbral {stroke:#edbd7e;stroke-opacity:.75}
#sistemas .zoom-ctrl {opacity:1;right:16px;bottom:12px;gap:10px;background:#0c131ded;padding:6px;border-radius:8px}
#sistemas .zoom-ctrl button {width:34px;height:34px;color:#e8edf2;border-color:#718092}
#sistemas .zoom-ctrl span {font-size:11px;color:#c3ccd6}
#sistemas .retrato__pie {font-size:15px;line-height:1.75;max-width:90ch;margin:0;color:#c1cbd5}
#sistemas .retrato__pie strong {color:#f7f5f1;font-weight:500}
#sistemas .retrato__nota {font-size:12px;line-height:1.75;color:#aebccb;margin-top:12px}
#sistemas .sistema>.apagado,.sistema__estado {font-size:14px;line-height:1.75;padding-top:20px;border-top:1px solid #3b4859;color:#c1cbd5}
#sistemas .pruebas {border:1px solid #526071;border-radius:9px;background:#101924;padding:0 18px}
#sistemas .pruebas__resumen {padding:16px 0;color:#e8edf2;font-size:14px}
#sistemas .recibos {grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:20px}
#sistemas .recibo {margin:0;background:#202c3a;border-color:#526071}
#sistemas .recibo__afirmacion {font-size:17px;color:#f7f5f1}
#sistemas .recibo__fuente {font-size:11px;line-height:1.7;word-break:normal;overflow-wrap:anywhere}
.mapeo-flujo {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:0;list-style:none;border:1px solid #526071;border-radius:12px;overflow:hidden;background:#0f1823}
.mapeo-flujo li {padding:28px;display:flex;flex-direction:column;gap:16px}
.mapeo-flujo li+li {border-left:1px solid #526071}
.mapeo-flujo span {font-size:12px;color:#edbd7e;text-transform:uppercase;letter-spacing:.06em}
.mapeo-flujo strong {font-size:22px;font-weight:400;line-height:1.25;color:#f7f5f1}
.mapeo-flujo p {font-size:14px;color:#bfcbd7;line-height:1.7}
#traza {--fondo:#151e29}
#traza .traza {background:#0c131d;border:1px solid #4e5e70;border-radius:16px;overflow:hidden;max-width:1020px;margin-inline:auto}
#traza .traza__linea {padding:26px 30px;gap:28px}
#traza .traza__linea--usuario {background:#1e2a38}
#traza .traza__quien {font-size:11px;color:#edbd7e;letter-spacing:.04em}
#traza .traza__linea--maquina {background:#141e2b}
#traza .traza__linea--maquina p {color:#d0d8e1;font-family:var(--fuente-ui);font-size:14px;line-height:1.6}
#traza .traza__linea--agente {background:#101b27;border-left:3px solid #edbd7e}
#traza .traza__linea--agente::before {display:none}
#traza .traza__cuerpo {font-size:16px;line-height:1.75;color:#e0e6ed}
#traza .traza__nota {font-size:13px;line-height:1.7;color:#bac6d3;padding:0 30px 26px}
#traza .traza__meta {color:#bdc9d6;font-size:12px;padding:20px 30px}
#prueba {--fondo:#0f1721;border:1px solid #465466;border-radius:20px;margin:32px 40px}
#prueba .cifra__valor {color:#edbd7e}
#prueba .lead {font-size:19px}
#alcance {padding-block:72px;background:#111923;border-block:1px solid #394555}
#alcance h2 {font-size:clamp(40px,4.5vw,64px)}
#para-quien {--fondo:#111923}
#para-quien .tarjeta {padding:32px;border:1px solid #465466;border-radius:14px;background:#192432}
#para-quien .tarjeta h3 {font-size:30px;margin-bottom:20px}
#para-quien .lista {font-size:16px;line-height:1.7}
#para-quien .lista li {padding-block:12px;border-color:#465466}
#metodo {--fondo:#0e141d}
#metodo .pasos {grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#metodo .paso {display:flex;flex-direction:column;gap:24px;padding:28px 24px;border:1px solid #3d4b5c;border-radius:14px;background:#17222f;align-items:flex-start}
#metodo .paso>div {display:flex;flex-direction:column;gap:18px}
#metodo .paso__n {font-family:var(--fuente-display);font-size:66px;line-height:1;color:#edbd7e}
#metodo .paso h3 {font-size:29px;line-height:1.15}
#metodo .paso .apagado {font-size:15px;line-height:1.75;color:#c0cad5}
#limites {--fondo:#151e29}
#limites .tarjeta--limite {border:1px solid #4d5b6c;border-radius:14px;background:#1d2937;padding:28px}
#limites .tarjeta--limite::before {display:none}
#limites .tarjeta--limite h3 {font-size:29px;line-height:1.1;margin-bottom:20px}
#limites .tarjeta--limite .apagado {font-size:15px;line-height:1.75}
#datos {--fondo:#101720}
#datos>.envoltura>.pila--3 {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#datos .tarjeta {border:1px solid #455365;border-radius:14px;background:#192533;padding:30px;gap:18px}
#datos .tarjeta h3 {font-size:29px;line-height:1.15}
#datos .tarjeta p {font-size:15px;line-height:1.75;color:#c6d0db}
#datos .tarjeta--ancha {border-color:#8c785c;background:linear-gradient(120deg,#302a22,#1b2531);gap:16px}
#hablemos {background:radial-gradient(ellipse at 10% 0,#9a73352b,transparent 60%),#151e29}
#hablemos .formulario {padding:32px;border:1px solid #566577;background:#0f1823;border-radius:18px}
#hablemos .campo>span {color:#d1dae3;font-size:13px}
#hablemos input,#hablemos textarea {border-color:#6b798b;background:#16212e;color:#f7f5f1}
@media(max-width:1100px){
 .casos-agentes {grid-template-columns:1fr}.caso-agente {display:grid;grid-template-columns:1fr 1fr;gap:22px 40px;padding:32px}.caso-agente__cabecera,.caso-agente h3,.caso-agente>p {grid-column:1}.caso-agente h3 {min-height:0;font-size:42px}.caso-agente__flujo {grid-column:2;grid-row:2/4;margin:0;padding:0;align-self:center}.caso-agente__enlace {grid-column:1/-1}.caso-agente__cabecera {min-height:0;grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}
 #sistemas .sistema {padding:32px}#sistemas .sistema__intro {gap:24px}#metodo .pasos {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .capitulo--obras {padding-block:64px}.capitulo--obras .capitulo__cabecera {margin-bottom:32px}.capitulo--obras h2 {font-size:43px}.capitulo--obras .lead {font-size:16px}.casos-agentes {gap:20px}.caso-agente {display:flex;padding:26px 22px;gap:22px}.caso-agente__cabecera {flex-direction:column;align-items:flex-start;gap:12px}.caso-agente h3 {font-size:38px}.caso-agente__flujo {padding-top:8px;align-self:stretch}.caso-agente__flujo li {padding-bottom:24px}.casos-agentes__nota {font-size:12px}
 #sistemas {padding-block:64px}#sistemas>.envoltura {gap:32px}#sistemas .sistema {padding:24px 18px;border-radius:14px;gap:24px}#sistemas .sistema__intro {grid-template-columns:1fr;gap:18px}#sistemas .sistema h3 {font-size:37px}#sistemas .sistema__intro>.apagado {font-size:16px}#sistemas .retrato {padding:16px 10px 62px}#sistemas .zoom-ctrl {position:static;width:max-content;margin:16px auto -46px;padding:0;max-width:100%}#sistemas .zoom-ctrl span {display:none}#sistemas .zoom-ctrl button {width:40px;height:40px}#sistemas .retrato__pie {font-size:14px}#sistemas .recibos {grid-template-columns:1fr}.sistema__grafico-titulo {font-size:10px;line-height:1.6}.mapeo-flujo {grid-template-columns:1fr}.mapeo-flujo li {padding:24px}.mapeo-flujo li+li {border-left:0;border-top:1px solid #526071}
 #traza .traza__linea {padding:22px 20px;gap:12px}#traza .traza__nota,#traza .traza__meta {padding:18px 20px}#prueba {margin:20px 12px;border-radius:14px}#prueba .lead {font-size:17px}#para-quien .tarjeta,#limites .tarjeta--limite,#datos .tarjeta {padding:24px}#metodo .pasos {grid-template-columns:1fr}#metodo .paso {padding:26px;display:flex;flex-direction:column;gap:20px}#metodo .paso__n {font-size:46px}#metodo .paso h3 {font-size:29px}#datos>.envoltura>.pila--3 {grid-template-columns:1fr}#hablemos .formulario {padding:24px 18px}
}
@media(prefers-reduced-motion:reduce){.retrato__modname{transition:none}}

.hero__vivo {position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.hero__vivo[hidden] {display:none}
.caso-agente {transition:border-color 180ms ease,box-shadow 180ms ease}
.caso-agente:focus-within,.caso-agente:hover {border-color:#a88c62;box-shadow:0 10px 34px #0003}
.caso-agente__enlace span {transition:transform 180ms ease}
.caso-agente__enlace:hover span {transform:translate(2px,-2px)}
@media(prefers-reduced-motion:reduce){.caso-agente,.caso-agente__enlace span{transition:none}.caso-agente__enlace:hover span{transform:none}}

.retrato-leyenda {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}.retrato-leyenda li {border-top:1px solid #526071;padding-top:12px;color:#c1cbd5;font-size:14px}.retrato-leyenda strong{display:block;color:#f7f5f1;font-weight:500}.retrato-ayuda{color:#c1cbd5;font-size:13px;margin:0}@media(max-width:700px){.retrato-leyenda{grid-template-columns:repeat(2,minmax(0,1fr))}}



.retrato__leyenda {display:none;margin:18px 0 0;padding:0;list-style:none;gap:14px}
.retrato__leyenda>li {padding:14px 16px;border:1px solid #3d4b5c;border-radius:12px;background:#17222f}
.retrato__leyenda>li>b {display:block;font-size:15px;color:#f7f5f1;letter-spacing:.01em}
.retrato__leyenda>li.retrato__leyenda--viva {border-color:#edbd7e}
.retrato__leyenda>li.retrato__leyenda--viva>b {color:#edbd7e}
.retrato__leyenda ul {margin:8px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.retrato__leyenda ul li {font-size:14px;line-height:1.55;color:#c0cad5}
@media(max-width:1240px){


 .retrato--con-leyenda .poda-t {display:none}


 .retrato--con-leyenda .retrato__rot {display:none}
 .retrato--con-leyenda .vec-t {display:none}




 #sistemas .retrato--con-leyenda .zoom-ctrl, .retrato--con-leyenda .zoom-ctrl {
  position:static;width:max-content;margin:16px auto 0;opacity:1}
 #sistemas .retrato--con-leyenda {padding-bottom:16px}
 [data-retrato="poda"] .retrato__leyenda,
 [data-retrato="fanout"] .retrato__leyenda,
 [data-retrato="vecindario"] .retrato__leyenda {display:grid}
}



html {background:var(--fondo)}
body {background:transparent}
.cielo {position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;display:block}
#traza, #para-quien, #metodo, #limites, #datos {--fondo:#10161e}


.recuperada, .recuperada:nth-of-type(n) {background:transparent}
@media(prefers-reduced-motion:reduce){.cielo {opacity:.8}}


.nucleo-real .observatorio__visor {background-color:var(--fondo)}


#nucleo {background-color:var(--fondo)}


.retrato__leyenda--estatica {display:none}
@media(max-width:1240px){.observatorio__alternativa .retrato__leyenda--estatica {display:grid;margin-top:14px}}



#decision, #operando, #alcance, #hablemos {background:transparent}
#operando{scroll-margin-top:96px}
#operando,#nucleo,#decision,#sistemas,#traza,#prueba,#hablemos{content-visibility:visible;contain-intrinsic-size:none}



#nucleo,#sistemas{scroll-margin-top:112px}
#nucleo .laboratorio-tecnico__contenido{padding-top:clamp(28px,4vw,54px)}
#nucleo .capitulo__cabecera{margin-bottom:clamp(28px,4vw,48px)}
#nucleo .observatorio__visor{height:clamp(460px,46vw,620px);border:1px solid #465467;border-radius:20px;background:radial-gradient(circle at 50% 48%,#d99a3b26 0 9%,transparent 27%),radial-gradient(circle at 28% 72%,#6f8ba91f 0 1px,transparent 34%),linear-gradient(145deg,#0b111a,#101a27 55%,#0b121b);box-shadow:inset 0 0 0 1px #ffffff08,inset 0 -80px 120px #0008,0 28px 80px #0007}
#nucleo .observatorio__visor::before{content:'';position:absolute;inset:16px;border:1px solid #e4b76e16;border-radius:14px;background:linear-gradient(90deg,#ffffff04 1px,transparent 1px),linear-gradient(#ffffff04 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(180deg,#000 0 78%,transparent);pointer-events:none;z-index:0}
#nucleo .observatorio__visor::after{content:'';position:absolute;inset:8% 12%;border:1px solid #edbd7e14;border-radius:50%;box-shadow:0 0 0 46px #edbd7e06,0 0 0 92px #edbd7e04;pointer-events:none;z-index:0}
#nucleo .observatorio__canvas,#nucleo .observatorio__alternativa{position:relative;z-index:1}
#nucleo .observatorio__canvas{filter:drop-shadow(0 12px 22px #0007)}
#nucleo .observatorio__leyenda{display:flex!important;position:absolute;z-index:4;left:20px;right:20px;bottom:18px;gap:8px;flex-wrap:wrap;margin:0;pointer-events:none}
#nucleo .observatorio__leyenda span{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #526174;border-radius:999px;background:#0b121ce8;color:#d9e1e8;font:600 10px var(--fuente-mono);letter-spacing:.07em;text-transform:uppercase;box-shadow:0 8px 24px #0005}
#nucleo .observatorio__leyenda span::before{content:'';width:8px;height:8px;border-radius:50%;background:#edbd7e;box-shadow:0 0 12px currentColor}
#nucleo .observatorio__leyenda span[data-graph-group="significado"]::before{background:#9cafc0}
#nucleo .observatorio__leyenda span[data-graph-group="estrategias"]::before{background:#e2ac5a}
#nucleo .observatorio__fuente{padding:18px 0 0;border-top:1px solid #3c4b5d;font-size:13px;line-height:1.65}
#nucleo .observatorio__alternativa .retrato__svg{filter:drop-shadow(0 12px 24px #0007)}
#nucleo .retrato__arista--tronco{stroke:#edbd7e!important;stroke-width:2.5!important;stroke-opacity:.9!important}
#nucleo .retrato__arista--rama{stroke:#9cafc0!important;stroke-width:1.35!important;stroke-opacity:.48!important}
#nucleo .retrato__raiz--a,#nucleo .retrato__mod--a{fill:#edbd7e!important}
#nucleo .retrato__raiz--b,#nucleo .retrato__mod--b{fill:#9cafc0!important}
#nucleo .retrato__raiz--c,#nucleo .retrato__mod--c{fill:#f2c47a!important}
#nucleo .retrato__raiz--d,#nucleo .retrato__mod--d{fill:#d99a3b!important}
#nucleo .retrato__mod{fill-opacity:.9!important;filter:drop-shadow(0 0 4px #edbd7e88)}
#nucleo .retrato__terminal--entrada{fill:#dfe6ec!important;filter:drop-shadow(0 0 7px #dfe6ec99)}
#nucleo .retrato__terminal--salida{fill:#edbd7e!important;filter:drop-shadow(0 0 8px #edbd7eaa)}

#sistemas .retrato{position:relative;border:1px solid #465467;border-radius:18px;background:radial-gradient(circle at 55% 45%,#d99a3b14 0 6%,transparent 34%),linear-gradient(145deg,#0b121b,#121d2a 58%,#0b121b);box-shadow:inset 0 0 0 1px #ffffff06,inset 0 -60px 80px #0006,0 20px 54px #0005}
#sistemas .retrato::before{content:'';position:absolute;inset:14px;border:1px solid #ffffff08;border-radius:12px;pointer-events:none}
#sistemas .retrato__svg{position:relative;z-index:1;filter:drop-shadow(0 10px 18px #0008)}
#sistemas .retrato__arista--tronco{stroke:#edbd7e;stroke-width:2.4;stroke-opacity:.88}
#sistemas .retrato__arista--rama{stroke:#94aabd;stroke-width:1.25;stroke-opacity:.55}
#sistemas .poda-a--viva{stroke:#edbd7e;stroke-width:2.2;stroke-opacity:.9}
#sistemas .poda-a--muerta{stroke:#7f95a8;stroke-width:1.2;stroke-opacity:.55}
#sistemas .poda-n--viva{fill:#edbd7e;filter:drop-shadow(0 0 6px #edbd7e99)}
#sistemas .vec-umbral{stroke:#edbd7e;stroke-width:2;stroke-dasharray:5 7;stroke-opacity:.85;fill:#edbd7e0a}
#sistemas .vec-a{stroke:#edbd7e;stroke-width:1.6;stroke-opacity:.7}
#sistemas .vec-p--dentro{fill:#edbd7e;filter:drop-shadow(0 0 6px #edbd7e99)}
#sistemas .vec-p:not(.vec-p--dentro){fill:#94aabd;fill-opacity:.7}
#sistemas .retrato--esquema .retrato__celda{stroke:#94aabd;stroke-width:1}
#sistemas .retrato--esquema .retrato__celda:nth-of-type(2){fill:#edbd7e;fill-opacity:.62}
#sistemas .retrato__leyenda{position:relative;z-index:2}
#sistemas .retrato__leyenda>li{border-color:#465467;background:#101a26;box-shadow:inset 0 1px #ffffff05}
#sistemas .retrato__leyenda>li.retrato__leyenda--viva{border-color:#edbd7e;background:linear-gradient(135deg,#edbd7e14,#101a26)}
#sistemas .retrato__leyenda>li>b{color:#f7f5f1}

@media(max-width:700px){
  .nav__interior{justify-content:flex-start}
  .nav__movil{margin-inline-start:auto}
  .i18n-controls{margin-inline-start:8px;flex:0 1 62px;width:62px;max-width:62px}
  .arena-agentes__pie .boton{max-width:100%;min-width:0;white-space:normal;text-align:center}
  .cog__lienzo{max-width:100%;overflow-x:hidden}
  #nucleo .observatorio__visor{height:420px;border-radius:14px}
  #nucleo .observatorio__visor::before{inset:10px;background-size:34px 34px}
  #nucleo .observatorio__leyenda{left:12px;right:12px;bottom:12px;gap:6px}
  #nucleo .observatorio__leyenda span{padding:7px 9px;font-size:9px}
  #nucleo .observatorio__fuente{font-size:12px}
  #sistemas .retrato{min-height:280px;padding:16px 10px 62px;border-radius:14px}
  #sistemas .retrato::before{inset:9px;border-radius:9px}
}
@media(max-width:360px){
  .i18n-controls{flex-basis:52px;width:52px;max-width:52px;margin-inline-start:6px}
  .i18n-controls select{width:52px;padding-inline:5px;font-size:8px}
}



.ensamble-vivo{position:relative;padding-block:clamp(72px,8vw,124px);background:radial-gradient(ellipse at 72% 18%,#9a64281c,transparent 35%),linear-gradient(180deg,#090d12,#0b1119);color:#f7f5f1;overflow:hidden;scroll-margin-top:88px}.ensamble-vivo::before{content:'';position:absolute;inset:-15% -10%;background:repeating-radial-gradient(circle at 70% 40%,transparent 0 42px,#edbd7e0b 43px 44px,transparent 45px 72px);mask-image:linear-gradient(90deg,transparent 5%,#000 45%,#000 90%,transparent);pointer-events:none}.ensamble-vivo__interior{position:relative;z-index:1;display:grid;grid-template-columns:minmax(290px,.68fr) minmax(520px,1.32fr);gap:clamp(48px,7vw,112px);align-items:center}.ensamble-vivo__cabecera{display:flex;flex-direction:column;gap:20px}.ensamble-vivo__cabecera h2{font-size:clamp(46px,5vw,76px);line-height:1.01;letter-spacing:-.035em}.ensamble-vivo__cabecera h2 em{color:#edbd7e;font-weight:400}.ensamble-vivo__cabecera p{font-size:16px;line-height:1.7;color:#bfc7d0;max-width:44ch}.ensamble-vivo__campo{position:relative;min-height:570px;display:grid;place-items:center}.ensamble-vivo__orbita{position:absolute;width:min(72vw,530px);aspect-ratio:1;border:1px solid #edbd7e20;border-radius:50%;box-shadow:inset 0 0 90px #edbd7e0a,0 0 90px #0005}.ensamble-vivo__orbita::before,.ensamble-vivo__orbita::after{content:'';position:absolute;inset:16%;border:1px solid #a6bed21c;border-radius:46% 54% 58% 42%;transform:rotate(18deg)}.ensamble-vivo__orbita::after{inset:32%;border-color:#edbd7e38;transform:rotate(-23deg)}.ensamble-vivo__nodos{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:120px 130px;padding:0;margin:0;list-style:none}.ensamble-vivo__nodos::before,.ensamble-vivo__nodos::after{content:'';position:absolute;background:linear-gradient(90deg,transparent,#edbd7e80,transparent);transform:scaleX(0);transition:transform .7s ease}.ensamble-vivo__nodos::before{left:20%;right:20%;top:50%;height:1px}.ensamble-vivo__nodos::after{top:20%;bottom:20%;left:50%;width:1px;background:linear-gradient(0deg,transparent,#edbd7e80,transparent);transform:scaleY(0)}.ensamble-vivo[data-paso="2"] .ensamble-vivo__nodos::before,.ensamble-vivo[data-paso="3"] .ensamble-vivo__nodos::before,.ensamble-vivo[data-paso="4"] .ensamble-vivo__nodos::before{transform:scaleX(1)}.ensamble-vivo[data-paso="3"] .ensamble-vivo__nodos::after,.ensamble-vivo[data-paso="4"] .ensamble-vivo__nodos::after{transform:scaleY(1)}.ensamble-vivo__nodos li{position:relative;display:flex;flex-direction:column;gap:9px;min-height:108px;padding:21px 22px 18px;background:#0b111866;transform:translateY(12px) scale(.97);transition:background-color .45s ease,transform .55s ease;text-shadow:0 2px 14px #000}.ensamble-vivo__nodos li>span{font:9px var(--fuente-mono);text-transform:uppercase;letter-spacing:.08em;color:#edbd7e;visibility:hidden}.ensamble-vivo__nodos li>strong{font:500 16px/1.4 var(--fuente-mono);visibility:hidden}.ensamble-vivo__nodos li>i{position:absolute;right:14px;bottom:13px;width:8px;height:8px;border-radius:50%;background:#edbd7e;box-shadow:0 0 18px #edbd7e}.ensamble-vivo[data-paso="1"] li:nth-child(1),.ensamble-vivo[data-paso="2"] li:nth-child(-n+2),.ensamble-vivo[data-paso="3"] li:nth-child(-n+3),.ensamble-vivo[data-paso="4"] li{background:#0b1118e8;transform:none}.ensamble-vivo[data-paso="1"] li:nth-child(1)>span,.ensamble-vivo[data-paso="1"] li:nth-child(1)>strong,.ensamble-vivo[data-paso="2"] li:nth-child(-n+2)>span,.ensamble-vivo[data-paso="2"] li:nth-child(-n+2)>strong,.ensamble-vivo[data-paso="3"] li:nth-child(-n+3)>span,.ensamble-vivo[data-paso="3"] li:nth-child(-n+3)>strong,.ensamble-vivo[data-paso="4"] li>span,.ensamble-vivo[data-paso="4"] li>strong{visibility:visible}.ensamble-vivo__conclusion{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;display:grid;gap:7px;padding:18px 14px;text-align:center;background:#0a1017;border-radius:50%;box-shadow:0 0 65px #edbd7e12}.ensamble-vivo__conclusion span{font:8px var(--fuente-mono);letter-spacing:.08em;color:#edbd7e}.ensamble-vivo__conclusion strong{font-size:12px;line-height:1.45;font-weight:500}.ensamble-vivo[data-estado=construyendo] .ensamble-vivo__orbita{animation:orbita-respira 2.6s ease-in-out infinite alternate}@keyframes orbita-respira{to{transform:scale(1.035) rotate(.8deg);box-shadow:inset 0 0 120px #edbd7e12,0 0 120px #0006}}
@media(max-width:900px){.ensamble-vivo__interior{grid-template-columns:1fr;gap:46px}.ensamble-vivo__cabecera{max-width:650px}.ensamble-vivo__campo{min-height:540px}}
@media(max-width:700px){.ensamble-vivo{padding-block:64px}.ensamble-vivo__interior{gap:34px}.ensamble-vivo__cabecera h2{font-size:44px}.ensamble-vivo__cabecera p{font-size:14px}.ensamble-vivo__campo{min-height:510px}.ensamble-vivo__nodos{gap:104px 26px}.ensamble-vivo__nodos li{min-height:102px;padding:16px 13px}.ensamble-vivo__nodos li>strong{font-size:12px}.ensamble-vivo__conclusion{width:146px;padding:14px 9px}.ensamble-vivo__conclusion strong{font-size:10px}.ensamble-vivo__orbita{width:420px}}



.cielo{display:none}
.arena-agentes{--tension-fraude:72%;--tension-friccion:46%;position:relative;padding-block:clamp(76px,8vw,132px);background:linear-gradient(180deg,#090e15 0%,#101720 64%,#0b1118 100%);overflow:hidden;scroll-margin-top:88px}
.arena-agentes::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 77% 38%,#d89c4524 0 1px,transparent 2px),radial-gradient(circle at 64% 52%,#edbd7e16,transparent 28%),linear-gradient(110deg,transparent 48%,#dba65716 49%,transparent 50%);background-size:62px 62px,100% 100%,100% 100%;pointer-events:none}
.arena-agentes>.envoltura{position:relative;z-index:1;gap:48px}.arena-agentes__cabecera{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px 72px;align-items:end}.arena-agentes__cabecera .etiqueta{grid-column:1/-1}.arena-agentes__cabecera h2{font-size:clamp(50px,6.3vw,92px);max-width:12ch}.arena-agentes__cabecera .lead{font-size:18px;line-height:1.7;max-width:48ch;padding-bottom:10px}.arena-agentes h2 em{color:#edbd7e;font-weight:400}
.arena{display:grid;grid-template-columns:minmax(220px,.29fr) minmax(0,1fr);min-height:680px;border:1px solid #495564;border-radius:24px;background:#0d141dcc;box-shadow:0 42px 100px #0008;overflow:hidden}.arena__selector{display:flex;flex-direction:column;border-right:1px solid #495564;background:#0b1119}.arena__selector button{appearance:none;position:relative;display:grid;grid-template-columns:32px 1fr;gap:4px 12px;align-items:center;min-height:112px;padding:22px 24px;border:0;border-bottom:1px solid #384452;background:transparent;color:#c7d0da;text-align:left;cursor:pointer;transition:background 220ms ease,color 220ms ease}.arena__selector button:last-child{border-bottom:0}.arena__selector button::after{content:'';position:absolute;left:0;top:18px;bottom:18px;width:2px;background:#edbd7e;transform:scaleY(0);transition:transform 220ms ease}.arena__selector button[aria-selected=true]{background:linear-gradient(90deg,#b77c2a20,transparent);color:#fff}.arena__selector button[aria-selected=true]::after{transform:scaleY(1)}.arena__selector button>span{grid-row:1/3;color:#edbd7e;font:12px var(--fuente-mono)}.arena__selector strong{font-size:18px;font-weight:500}.arena__selector small{font-size:12px;color:#9eabb9}.arena__selector button:focus-visible{outline:2px solid #edbd7e;outline-offset:-4px}
.arena__escenas{min-width:0}.arena__escena{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:36px;min-height:680px;padding:clamp(32px,4.2vw,68px)}.arena--activa .arena__escena[hidden]{display:none}.arena__texto{display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-width:0}.arena__estado{font:11px var(--fuente-mono);text-transform:uppercase;letter-spacing:.08em;color:#edbd7e;border:1px solid #6b5b43;border-radius:999px;padding:8px 12px}.arena__texto h3{font-family:var(--fuente-display);font-size:clamp(38px,3.8vw,60px);font-weight:400;line-height:1.02;letter-spacing:-.025em;text-wrap:balance}.arena__texto>p{font-size:16px;line-height:1.68;color:#c0c9d3;max-width:48ch}.arena__decision{margin-top:auto;display:grid;gap:8px;padding:20px 0;border-top:1px solid #495564;width:100%}.arena__decision span{font:11px var(--fuente-mono);text-transform:uppercase;letter-spacing:.08em;color:#98a5b3}.arena__decision strong{font-size:18px;line-height:1.4;color:#f7f5f1}
.arena__controles{display:grid;gap:14px;width:100%;padding:18px;border:1px solid #3d4855;border-radius:14px;background:#111a24}.arena__controles label{display:grid;grid-template-columns:1fr 42px;gap:6px 12px;font-size:12px;color:#d8dee5}.arena__controles input{grid-column:1/-1;width:100%;height:44px;accent-color:#edbd7e}.arena__controles output{justify-self:end;color:#edbd7e;font:12px var(--fuente-mono)}
.paisaje,.expediente,.corrientes,.compuerta{position:relative;align-self:stretch;min-height:480px;border-left:1px solid #34404e;overflow:hidden}.paisaje{background:radial-gradient(circle at 58% 51%,#eba94125,transparent 7%),radial-gradient(circle at 58% 51%,transparent 0 19%,#d7a04b18 20%,transparent 21%),radial-gradient(circle at 58% 51%,transparent 0 35%,#d7a04b12 36%,transparent 37%)}.paisaje__origen{position:absolute;left:7%;top:48%;padding:5px 7px;background:#101720;font:11px var(--fuente-mono);color:#bec8d3}.paisaje__pulso{position:absolute;left:56%;top:49%;width:18px;height:18px;border:2px solid #edbd7e;border-radius:50%;box-shadow:0 0 0 14px #edbd7e13,0 0 42px #e6a94e}.ruta{position:absolute;left:17%;width:43%;height:1px;background:linear-gradient(90deg,#6c7887,#edbd7e);transform-origin:left}.ruta--1{top:48%;transform:rotate(-24deg)}.ruta--2{top:51%;transform:rotate(0)}.ruta--3{top:54%;transform:rotate(24deg);opacity:.48}.ruta b{position:absolute;top:-5px;width:10px;height:10px;border:1px solid #edbd7e;border-radius:50%;background:#101720}.ruta b:nth-child(1){left:20%}.ruta b:nth-child(2){left:50%}.ruta b:nth-child(3){left:78%}.ruta b:nth-child(4){left:95%}.paisaje__salida{position:absolute;right:1%;bottom:8%;display:grid;gap:8px;max-width:210px;padding:18px;border:1px solid #66563e;border-radius:12px;background:#151b22}.paisaje__salida small{font:10px var(--fuente-mono);text-transform:uppercase;color:#9ca8b5}.paisaje__salida strong{font-size:17px;color:#fff}
.expediente{display:grid;grid-template-columns:1fr 26px 1.1fr;align-items:center;gap:18px;padding:42px;background:radial-gradient(circle at 50% 50%,#e4ad5925,transparent 35%)}.expediente__hojas{position:relative;height:270px}.expediente__hojas i{position:absolute;inset:10% 15%;border:1px solid #53606e;border-radius:4px;background:repeating-linear-gradient(#171f29 0 10px,#252f3b 11px 12px)}.expediente__hojas i:nth-child(2){transform:rotate(-5deg) translate(-12px,8px)}.expediente__hojas i:nth-child(3){transform:rotate(4deg) translate(12px,2px)}.expediente__hojas span{position:absolute;left:26%;bottom:0;font:11px var(--fuente-mono);color:#b8c2ce}.expediente__haz{height:72%;background:linear-gradient(90deg,transparent,#edbd7e 45% 55%,transparent);filter:blur(5px);opacity:.85}.expediente__hallazgos{display:grid;gap:14px}.expediente__hallazgos p{display:grid;gap:6px;padding:15px;border:1px solid #495564;border-radius:10px;background:#121a24}.expediente__hallazgos small{font:10px var(--fuente-mono);text-transform:uppercase;color:#edbd7e}.expediente__hallazgos strong{font-size:14px}.expediente__hallazgos>b{padding:13px;border:1px solid #edbd7e;border-radius:999px;color:#edbd7e;text-align:center;font-size:13px}
.corrientes{display:grid;grid-template-columns:1fr 38px 1fr;align-items:center;gap:15px;padding:40px;background:radial-gradient(ellipse at center,#ddb15a15,transparent 58%)}.corrientes>div{display:grid;gap:34px}.corrientes span{padding:18px;border:1px solid #4c5968;border-radius:10px;background:#121b25;font-size:13px;text-align:center}.corrientes>i{height:65%;background:repeating-linear-gradient(180deg,transparent 0 14%,#d9aa5c 15% 15.5%,transparent 16% 33%);filter:drop-shadow(0 0 4px #e0aa50)}.corrientes .corrientes__duda{border-style:dashed;border-color:#edbd7e;color:#edbd7e}
.compuerta{display:grid;grid-template-columns:1fr 46px 1fr;align-items:center;gap:20px;padding:38px;background:radial-gradient(circle at 52% 50%,#e3ac5120,transparent 35%)}.compuerta__haces{display:grid;gap:18px}.compuerta__haces i{font-style:normal;font-size:13px;padding:14px;border-left:2px solid #8fa1b3;background:linear-gradient(90deg,#95a8ba18,transparent)}.compuerta>span{height:74%;border:2px solid #edbd7e;border-radius:999px;box-shadow:0 0 30px #edbd7e3d}.compuerta__veredicto{display:grid;gap:12px}.compuerta__veredicto small{font:10px var(--fuente-mono);text-transform:uppercase;color:#9eaab6}.compuerta__veredicto strong{font-family:var(--fuente-display);font-size:32px;font-weight:400;line-height:1.05}.compuerta__veredicto b{font-size:12px;color:#edbd7e}
.arena-agentes__pie{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:8px}.arena-agentes__pie p{font-size:12px;color:#9da9b6}.arena-agentes__pie a{flex:none}
.laboratorio-tecnico{min-height:0!important;padding-block:26px!important;background:#0d131b!important;border-block:1px solid #303a46}.laboratorio-tecnico__detalle>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px;list-style:none;cursor:pointer}.laboratorio-tecnico__detalle>summary::-webkit-details-marker{display:none}.laboratorio-tecnico__detalle>summary span{display:grid;gap:6px}.laboratorio-tecnico__detalle>summary small{font:10px var(--fuente-mono);text-transform:uppercase;letter-spacing:.08em;color:#edbd7e}.laboratorio-tecnico__detalle>summary strong{font-size:18px;font-weight:500}.laboratorio-tecnico__detalle>summary>b{font-size:26px;font-weight:400;color:#edbd7e}.laboratorio-tecnico__detalle[open]>summary>b{transform:rotate(45deg)}.laboratorio-tecnico__contenido{padding-top:54px}
@media(max-width:1020px){.arena-agentes__cabecera{grid-template-columns:1fr}.arena{grid-template-columns:1fr;min-height:0}.arena__selector{display:grid;grid-template-columns:repeat(4,1fr);border-right:0;border-bottom:1px solid #495564}.arena__selector button{grid-template-columns:1fr;min-height:92px;padding:15px;text-align:center;border-bottom:0;border-right:1px solid #384452}.arena__selector button>span{grid-row:auto}.arena__selector button::after{left:14px;right:14px;top:auto;bottom:0;width:auto;height:2px;transform:scaleX(0)}.arena__selector button[aria-selected=true]::after{transform:scaleX(1)}.arena__escena{min-height:620px;padding:38px;grid-template-columns:minmax(270px,.85fr) minmax(330px,1.15fr)}}
@media(max-width:700px){.arena-agentes{padding-block:64px}.arena-agentes>.envoltura{gap:30px}.arena-agentes__cabecera{gap:18px}.arena-agentes__cabecera h2{font-size:46px}.arena-agentes__cabecera .lead{font-size:15px}.arena{border-radius:16px}.arena__selector{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory}.arena__selector button{flex:0 0 124px;min-height:78px;scroll-snap-align:start;border-right:1px solid #384452}.arena__selector button small{display:none}.arena__escena{grid-template-columns:1fr;gap:28px;min-height:0;padding:26px 20px 30px}.arena__texto{gap:18px}.arena__texto h3{font-size:39px}.arena__texto>p{font-size:14px}.arena__decision{margin-top:8px}.paisaje,.expediente,.corrientes,.compuerta{min-height:340px;border-left:0;border-top:1px solid #34404e}.expediente,.corrientes,.compuerta{padding:20px}.expediente{grid-template-columns:.8fr 14px 1.2fr}.expediente__hojas{height:210px}.expediente__hallazgos p{padding:10px}.corrientes{gap:8px}.corrientes>div{gap:18px}.corrientes span{padding:12px 8px;font-size:11px}.compuerta{grid-template-columns:1fr 24px 1fr;gap:10px}.compuerta__veredicto strong{font-size:25px}.arena-agentes__pie{align-items:flex-start;flex-direction:column}.laboratorio-tecnico__detalle>summary strong{font-size:15px}}
.laboratorio-sistemas{min-height:0!important;padding-block:28px!important;background:#0d131b!important;border-bottom:1px solid #303a46}.laboratorio-sistemas>.envoltura{gap:0}
.prueba-plegada{width:100%;max-width:var(--ancho-max);margin-inline:auto;border-top:1px solid #505b68}.prueba-plegada>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:98px;padding-inline:clamp(1.25rem,.6rem + 2.6vw,2.5rem);list-style:none;cursor:pointer;background:#111922}.prueba-plegada>summary::-webkit-details-marker{display:none}.prueba-plegada>summary span{display:grid;gap:7px}.prueba-plegada>summary small{font:10px var(--fuente-mono);text-transform:uppercase;letter-spacing:.08em;color:#edbd7e}.prueba-plegada>summary strong{font-size:18px}.prueba-plegada>summary>b{font-size:26px;color:#edbd7e;font-weight:400}.prueba-plegada[open]>summary>b{transform:rotate(45deg)}.prueba-plegada .demostracion{padding:48px clamp(1.25rem,.6rem + 2.6vw,2.5rem) 80px}.prueba-plegada .demostracion>.envoltura{padding-inline:0}
.acuerdos-plegados{background:#111821;border-block:1px solid #3b4654}.acuerdos-plegados>summary{display:flex;justify-content:space-between;align-items:center;gap:32px;min-height:210px;padding:46px clamp(1.25rem,.6rem + 2.6vw,2.5rem);list-style:none;cursor:pointer;background:radial-gradient(circle at 82% 42%,#c98e3820,transparent 24%)}.acuerdos-plegados>summary::-webkit-details-marker{display:none}.acuerdos-plegados>summary>div{display:grid;gap:12px;min-width:0}.acuerdos-plegados>summary small{font:11px var(--fuente-mono);text-transform:uppercase;letter-spacing:.08em;color:#edbd7e}.acuerdos-plegados>summary strong{font-family:var(--fuente-display);font-size:clamp(38px,4.6vw,66px);font-weight:400}.acuerdos-plegados>summary p{font-size:15px;color:#b8c2ce}.acuerdos-plegados>summary>b{font-size:38px;color:#edbd7e;font-weight:400;flex:none}.acuerdos-plegados[open]>summary>b{transform:rotate(45deg)}.acuerdos-plegados__contenido{border-top:1px solid #3b4654}
@media(max-width:700px){.prueba-plegada>summary{min-height:84px}.prueba-plegada>summary strong{font-size:15px}.prueba-plegada .demostracion{padding-block:36px 60px}.acuerdos-plegados>summary{min-height:180px;padding-block:34px}.acuerdos-plegados>summary strong{font-size:40px;line-height:1}.acuerdos-plegados>summary p{font-size:13px;max-width:30ch}}
.laboratorio-tecnico__detalle[open]>summary>b,.prueba-plegada[open]>summary>b,.acuerdos-plegados[open]>summary>b{font-size:0;transform:none}.laboratorio-tecnico__detalle[open]>summary>b::before,.prueba-plegada[open]>summary>b::before,.acuerdos-plegados[open]>summary>b::before{content:'×';font-size:26px}
@media(prefers-reduced-motion:reduce){.arena__selector button,.arena__selector button::after,.ensamble-vivo__nodos::before,.ensamble-vivo__nodos::after,.ensamble-vivo__nodos li,.hero__traza>span{transition:none}.hero__turno>i,.hero__microfono span,.hero__presencia>i,.ensamble-vivo__orbita{animation:none!important}}



#decision{position:relative;z-index:4;min-height:0;padding-block:clamp(68px,7vw,104px);isolation:isolate;background:#111318}
#decision>.envoltura{gap:0}
#decision .capitulo__cabecera{margin-bottom:clamp(28px,4vw,46px)}
#decision .decision-guardada{border:1px solid #505b68;border-radius:18px;background:linear-gradient(135deg,#151c25 0 49%,#101720 49% 100%);box-shadow:0 24px 70px #0004;overflow:hidden}
#decision .decision-guardada>div{position:relative;padding:28px 30px}
#decision .decision-guardada>div:first-child{background:radial-gradient(circle at 12% 18%,#9ab9d012,transparent 34%)}
#decision .decision-guardada>div:nth-of-type(2){background:radial-gradient(circle at 88% 18%,#edbd7e12,transparent 34%)}
#decision .decision-guardada__limite{margin:0;padding:18px 30px;border-top:1px solid #505b68;background:#0d141dcc;color:#d2dae3}
@media(max-width:700px){
 #decision{padding-block:30px 24px}
 #decision .capitulo__cabecera{gap:12px;margin-bottom:18px}
 #decision .capitulo__cabecera h2{font-size:clamp(40px,11vw,48px);line-height:1.02}
 #decision .capitulo__cabecera .lead{font-size:16px;line-height:1.55}
 #decision .decision-guardada{display:grid;grid-template-columns:1fr;gap:0;padding:0;border-radius:16px}
 #decision .decision-guardada>div{display:grid;gap:7px;padding:16px 18px 16px 58px;min-height:116px;align-content:center}
 #decision .decision-guardada>div::before{content:'';position:absolute;left:20px;top:28px;width:17px;height:17px;border:2px solid #edbd7e;border-radius:50%;background:#15202b;box-shadow:0 0 0 7px #edbd7e0d,0 0 24px #edbd7e35}
 #decision .decision-guardada>div:nth-of-type(2)::before{border-radius:2px;transform:rotate(45deg);background:#edbd7e24}
 #decision .decision-guardada .rotulo{font-size:10px;color:#edbd7e}
 #decision .decision-guardada strong{font-size:27px;line-height:1.06}
 #decision .decision-guardada p{font-size:14px;line-height:1.52}
 #decision .decision-guardada__flecha{position:relative;display:block;align-self:stretch;height:34px;font-size:0;background:linear-gradient(90deg,transparent 0 29px,#596674 29px 30px,transparent 30px)}
 #decision .decision-guardada__flecha::after{content:'↓';position:absolute;left:18px;top:2px;display:grid;place-items:center;width:23px;height:23px;border:1px solid #8d7654;border-radius:50%;background:#111923;color:#edbd7e;font:12px var(--fuente-mono)}
 #decision .decision-guardada__limite{padding:12px 18px;font-size:12px;line-height:1.45}
}
#traza{padding-block:clamp(48px,5vw,76px);scroll-margin-top:72px}
#traza>.envoltura{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:28px 72px;min-height:calc(100svh - 152px);align-content:center;align-items:center}
#traza>.envoltura>.pila:first-child{position:relative;top:auto;align-self:center}
#traza>.envoltura>.pila:last-child{grid-column:2;display:grid;grid-template-columns:1fr;gap:18px;padding:24px;border:1px solid #4b5663;border-radius:18px;background:#111923}
.traza{grid-column:2;border-radius:18px;background:#101821;box-shadow:0 30px 80px #0005}.traza__linea{position:relative;min-height:clamp(112px,13.5vh,142px);padding:22px 24px;align-items:center}.traza__linea--agente{border-top:0;background:linear-gradient(110deg,#c98f3118,transparent 60%)}.traza__linea--maquina{border-left:3px solid #edbd7e}.traza__linea--usuario{background:#1b2633}.traza__linea+.traza__linea::after{content:'↓';position:absolute;left:clamp(24px,9.5vw,150px);top:-13px;display:grid;place-items:center;width:24px;height:24px;border:1px solid #6c7784;border-radius:50%;background:#101821;color:#edbd7e;font:12px var(--fuente-mono)}.traza__respuesta{font-size:20px;line-height:1.45}.traza__detalle{margin-top:16px;border-top:1px solid #4b5663}.traza__detalle>summary{min-height:48px;display:flex;align-items:center;cursor:pointer;color:#edbd7e;font-size:12px;font-weight:600}.traza__detalle>div{padding:6px 0 10px;color:#bac4cf;font-size:13px}.traza__meta{padding:18px 24px;color:#f3d09a;background:#0c131d}
.traza__razon>summary{display:grid;grid-template-columns:1fr auto;gap:7px 18px;align-items:center;min-height:78px;list-style:none;cursor:pointer}.traza__razon>summary::-webkit-details-marker{display:none}.traza__razon>summary span{font:10px var(--fuente-mono);text-transform:uppercase;color:#edbd7e}.traza__razon>summary strong{font-size:17px;line-height:1.35}.traza__razon>summary>b{grid-column:2;grid-row:1/3;color:#edbd7e;font-size:26px}.traza__razon[open]>summary>b{transform:rotate(45deg)}.traza__razon>div{display:grid;gap:14px;padding:12px 0 20px;border-top:1px solid #4b5663}
@media(max-width:900px){#traza>.envoltura{display:flex;flex-direction:column;gap:28px}#traza>.envoltura>.pila:first-child{position:relative;top:auto;z-index:3}.traza,#traza>.envoltura>.pila:last-child{width:100%}.hero__dialogo-linea button{min-height:44px}}
#prueba{padding-block:clamp(76px,7vw,112px)}
#prueba>.envoltura{gap:42px}#prueba .rejilla--2{margin-top:0}.prueba-contexto{padding:0!important;overflow:hidden}.prueba-contexto>summary{display:grid;grid-template-columns:1fr auto;gap:8px 24px;align-items:center;min-height:112px;padding:24px 30px;cursor:pointer;list-style:none}.prueba-contexto>summary::-webkit-details-marker{display:none}.prueba-contexto>summary span{font:10px var(--fuente-mono);text-transform:uppercase;letter-spacing:.08em;color:#edbd7e}.prueba-contexto>summary strong{font-size:20px}.prueba-contexto>summary>b{grid-column:2;grid-row:1/3;font-size:28px;color:#edbd7e}.prueba-contexto[open]>summary>b{transform:rotate(45deg)}.prueba-contexto__cuerpo{display:grid;gap:18px;padding:0 30px 30px;border-top:1px solid #46515e}.prueba-contexto__cuerpo>.lead{padding-top:26px}
@media(max-width:700px){#traza>.envoltura{display:flex;flex-direction:column;gap:28px}#traza>.envoltura>.pila:first-child{position:relative;top:auto;z-index:3}.traza{width:100%}#traza>.envoltura>.pila:last-child{width:100%;padding:20px}.traza__linea{padding:18px}.traza__respuesta{font-size:17px}.prueba-contexto>summary{min-height:100px;padding:20px}.prueba-contexto__cuerpo{padding:0 20px 24px}.nav__movil>summary,.nav>.envoltura>.boton,.hero__dialogo-linea button{min-height:44px}}
@media(max-width:420px){.arena__selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;scroll-snap-type:none}.arena__selector button{width:auto;min-width:0;min-height:72px;flex:none;border-bottom:1px solid #384452}.arena__selector button:nth-child(2n){border-right:0}.arena__selector button:nth-child(n+3){border-bottom:0}.arena__selector button small{display:block;font-size:10px}.arena__selector button strong{font-size:15px}}



.hero__voz{width:min(46%,560px);gap:20px}
.hero__intercambio{min-height:0}
.hero__turno>strong{max-width:36ch;font-size:13px;font-weight:400}
.hero__umbral{display:flex;align-items:center;gap:16px;width:max-content;min-height:44px;margin-top:4px;color:#f3d09a;font:10px var(--fuente-mono);letter-spacing:.09em;text-transform:uppercase;text-decoration:none}
.hero__umbral i{display:grid;place-items:center;width:34px;height:34px;border:1px solid #8c7657;border-radius:50%;font-style:normal;animation:umbral-baja 1.8s ease-in-out infinite}
@keyframes umbral-baja{50%{transform:translateY(5px);border-color:#edbd7e}}

.recorrido-inmersivo{--avance:0;position:relative;z-index:0;background:#05080d;color:#f7f5f1;overflow:clip;scroll-margin-top:0;content-visibility:visible!important;contain:none!important}
body:not([data-recorrido-prueba-lista]) .nav>.envoltura>.boton{visibility:hidden;opacity:0;pointer-events:none}
.nav>.envoltura>.boton{transition:opacity .3s ease,visibility .3s ease}
.recorrido-inmersivo__escena{position:sticky;top:0;z-index:0;width:100%;height:100svh;margin:0;overflow:hidden;background:#05080d;isolation:isolate;pointer-events:none}
.recorrido-inmersivo__escena canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.recorrido-inmersivo__escena::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 52% 50%,transparent 0 40%,#05080d08 67%,#05080d4f 100%),linear-gradient(90deg,#05080d5c 0%,#05080d1f 24%,transparent 43%,transparent 76%,#05080d24 100%)}
.recorrido-inmersivo__luz{display:none}
.recorrido-inmersivo__hud{position:absolute;z-index:3;top:clamp(94px,11vh,124px);right:clamp(24px,4vw,70px);display:flex;align-items:center;gap:12px;max-width:220px;color:#edbd7e;font:9px var(--fuente-mono);letter-spacing:.12em}
.recorrido-inmersivo__hud::before{content:'';width:42px;height:1px;background:#edbd7e80}
.recorrido-inmersivo__hud strong{font:inherit;font-weight:500;white-space:nowrap}
.recorrido-inmersivo__hud[hidden]{display:none}
.recorrido-inmersivo__memoria{position:absolute;left:50%;bottom:30px;z-index:3;display:flex;width:min(760px,58vw);margin:0;padding:0;transform:translateX(-50%);list-style:none;pointer-events:none}
.recorrido-inmersivo__memoria li{position:relative;flex:1;display:grid;gap:4px;padding:0 16px 0 22px;color:#f0c979;font:8px var(--fuente-mono);letter-spacing:.08em;opacity:.46;transition:opacity .35s ease,transform .35s ease;transform:translateY(5px)}
.recorrido-inmersivo__memoria li::before{content:'';position:absolute;left:0;top:5px;width:8px;height:8px;border:1px solid #edbd7e;border-radius:50%}
.recorrido-inmersivo__memoria li::after{content:'';position:absolute;left:9px;right:0;top:9px;height:1px;background:#edbd7e42}
.recorrido-inmersivo__memoria li:last-child::after{display:none}
.recorrido-inmersivo__memoria li.esta-construido{opacity:.76;transform:none}
.recorrido-inmersivo__memoria li.esta-construido::before{background:#edbd7e;box-shadow:0 0 16px #edbd7e99}
.recorrido-inmersivo__memoria span,.recorrido-inmersivo__memoria strong{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.recorrido-inmersivo__memoria li.esta-actual{color:#f0c979;opacity:1;transform:none}
.recorrido-inmersivo__memoria li.esta-actual span,.recorrido-inmersivo__memoria li.esta-actual strong{position:relative;z-index:1;width:max-content;height:auto;overflow:visible;clip-path:none;background:#05080d}
.recorrido-inmersivo__memoria strong{max-width:18ch;color:#f4f1eb;font:500 9px var(--fuente-mono);text-transform:none}
.recorrido-inmersivo__escena figcaption{position:absolute;right:clamp(24px,4vw,70px);bottom:26px;z-index:3;color:#a9b2bc;font:8px var(--fuente-mono);letter-spacing:.09em;text-transform:uppercase}
.recorrido-inmersivo:not([data-portada]) .recorrido-inmersivo__escena figcaption{opacity:0}
.recorrido-inmersivo__flujo{position:relative;z-index:2;margin-top:-100svh;isolation:isolate}


.recorrido-inmersivo>:not(.recorrido-inmersivo__escena){position:relative;z-index:3}
.recorrido-inmersivo .hero{position:relative;z-index:2;min-height:100svh;padding:0;background:transparent;overflow:visible}
.recorrido-inmersivo .hero__composicion,.recorrido-inmersivo .hero__voz{min-height:100svh}
.recorrido-inmersivo .hero__titular{width:100%;max-width:none;font-size:clamp(56px,5.2vw,76px);line-height:.97}
.recorrido-inmersivo[data-portada] .recorrido-inmersivo__hud{opacity:0}
.recorrido-inmersivo[data-portada] .recorrido-inmersivo__memoria{opacity:0}

.recorrido-inmersivo__capitulos{position:relative;z-index:2}
.recorrido-inmersivo__capitulos article{position:sticky;top:0;z-index:1;isolation:isolate;display:flex;flex-direction:column;justify-content:center;gap:18px;width:min(42vw,470px);min-height:100svh;margin-inline:clamp(34px,6vw,100px) auto;padding-top:82px;opacity:0;transform:translateY(18px);transition:opacity .42s ease,transform .5s ease;pointer-events:none}
.recorrido-inmersivo__capitulos article::before{content:'';position:absolute;z-index:-1;inset:16% -7%;pointer-events:none;background:radial-gradient(ellipse at center,#05080df0 0 27%,#05080db8 49%,#05080d00 76%)}
.recorrido-inmersivo__capitulos article:nth-child(even){margin-inline:clamp(34px,6vw,100px) auto}
.recorrido-inmersivo__capitulos article.esta-activo{z-index:2;opacity:1;transform:none;pointer-events:auto}
.recorrido-inmersivo__capitulos article[data-recorrido-ejemplo]::after{content:'SISTEMA CONSTRUIDO';width:max-content;margin-top:2px;padding:6px 9px;border:1px solid #806b4d;border-radius:999px;color:#edbd7e;font:7px var(--fuente-mono);letter-spacing:.11em}
.recorrido-inmersivo__capitulos article>span,.recorrido-inmersivo__cierre>span{color:#edbd7e;font:9px var(--fuente-mono);letter-spacing:.13em}
.recorrido-inmersivo__capitulos h2{max-width:12ch;font:500 clamp(30px,3.15vw,44px)/1.04 var(--fuente-ui);letter-spacing:-.025em;text-wrap:balance;overflow-wrap:normal;text-shadow:0 2px 18px #05080d,0 0 38px #05080d}
.recorrido-inmersivo__capitulos h2 em{color:#edbd7e;font:inherit;font-style:normal}
.recorrido-inmersivo__cierre h2{max-width:10ch;font-size:clamp(44px,4.4vw,66px);line-height:1;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:normal}
.recorrido-inmersivo__cierre h2 em{color:#edbd7e;font-weight:400}
.recorrido-inmersivo__capitulos p{max-width:31ch;margin-top:4px;color:#d2d8df;font-size:14px;line-height:1.58;text-shadow:0 1px 12px #05080d}
.recorrido-inmersivo__capitulos small{width:max-content;padding-top:10px;border-top:1px solid #8c7657;color:#e8c58e;font:8px var(--fuente-mono);letter-spacing:.09em;text-transform:uppercase}
.recorrido-inmersivo__resultado{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(390px,100%);margin:2px 0 0;border-top:1px solid #5b6672;border-bottom:1px solid #5b6672}
.recorrido-inmersivo__resultado div{display:grid;gap:5px;padding:11px 14px}.recorrido-inmersivo__resultado div+div{border-left:1px solid #5b6672}
.recorrido-inmersivo__resultado dt{color:#edbd7e;font:8px var(--fuente-mono);letter-spacing:.1em}.recorrido-inmersivo__resultado dd{margin:0;color:#f3f0e9;font:500 11px var(--fuente-mono)}
.recorrido-inmersivo__cierre{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:22px;min-height:94svh;padding:100px max(40px,calc((100vw - 1360px)/2));background:transparent}
.recorrido-inmersivo__cierre::before{content:'';position:absolute;z-index:-1;left:0;top:8%;bottom:8%;width:min(520px,42vw);background:radial-gradient(ellipse at left center,#05080dc7 0 24%,#05080d70 55%,transparent 78%);pointer-events:none}
.recorrido-inmersivo__cierre h2{max-width:11ch}
.recorrido-inmersivo__cierre .boton{margin-top:8px}



.exploracion-doble{position:relative;z-index:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:clamp(28px,4vw,58px) max(24px,calc((100vw - 1360px)/2));background:#080d14;border-top:1px solid #39424d;isolation:isolate}
.exploracion-doble::before{content:'';position:absolute;z-index:-1;left:0;right:0;top:-96px;height:96px;background:linear-gradient(180deg,transparent,#080d14);pointer-events:none}
.exploracion-doble>.profundidad-agentes,.exploracion-doble>.laboratorio-tecnico{min-width:0;padding:0!important;background:#101822!important;border:1px solid #394653!important;border-radius:16px;overflow:hidden}
.exploracion-doble>.profundidad-agentes>.envoltura,.exploracion-doble>.laboratorio-tecnico>.envoltura{width:100%;max-width:none;padding-inline:clamp(24px,3vw,42px)}
.exploracion-doble summary{min-height:124px}
.exploracion-doble>.profundidad-agentes:has(> .envoltura > details[open]),.exploracion-doble>.laboratorio-tecnico:has(> .envoltura > details[open]){grid-column:1/-1}


.exploracion-doble>.profundidad-agentes:has(> .envoltura > details[open]){overflow:visible}
.exploracion-doble>.profundidad-agentes:has(> .envoltura > details[open])~.laboratorio-tecnico{grid-column:1/-1}



#hablemos{z-index:4;isolation:isolate;background:linear-gradient(90deg,#111720f5 0 52%,#151c25e8 72%,#111720db 100%);scroll-margin-top:100px}
#hablemos::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 84% 46%,#d69b4326,transparent 31%)}

.profundidad-agentes{position:relative;z-index:2;padding:34px 0;background:linear-gradient(180deg,#090e15e8,#090e15c7);color:#f7f5f1;border-top:1px solid #39424d}
.profundidad-agentes__detalle>summary{display:flex;justify-content:space-between;align-items:center;min-height:96px;cursor:pointer;list-style:none}
.profundidad-agentes__detalle>summary::-webkit-details-marker{display:none}
.profundidad-agentes__detalle>summary span{display:grid;gap:7px}
.profundidad-agentes__detalle>summary small{color:#edbd7e;font:9px var(--fuente-mono);letter-spacing:.1em;text-transform:uppercase}
.profundidad-agentes__detalle>summary strong{font-size:19px;font-weight:500}
.profundidad-agentes__detalle>summary b{font-size:24px;font-weight:300;transition:transform .25s}
.profundidad-agentes__detalle[open]>summary b{transform:rotate(45deg)}
.profundidad-agentes__contenido{margin-inline:calc(50% - 50vw)}
.profundidad-agentes__contenido>.ensamble-vivo{margin-top:24px}

@media(min-width:701px) and (max-width:1049px){
 .recorrido-inmersivo__capitulos article,.recorrido-inmersivo__capitulos article:nth-child(even){justify-content:flex-start;width:calc(100% - 80px);max-width:680px;min-height:100svh;margin-inline:40px;padding-top:clamp(108px,14svh,126px);gap:13px}
 .recorrido-inmersivo__capitulos article::before{inset:3% -4% 47%;background:radial-gradient(ellipse at top,#05080df5 0 38%,#05080dc4 62%,transparent 88%)}
 .recorrido-inmersivo__capitulos h2{max-width:15ch;font-size:clamp(34px,5vw,42px)}
 .recorrido-inmersivo__capitulos p{max-width:39ch}
}

.venta-viva{position:relative;align-self:stretch;min-height:480px;border-left:1px solid #34404e;overflow:hidden;background:#0b111a}
.venta-viva::before,.venta-viva::after{content:'';position:absolute;height:1px;transform-origin:left;background:linear-gradient(90deg,#738092,#edbd7e)}
.venta-viva::before{left:10%;right:57%;top:49%}.venta-viva::after{left:45%;right:25%;top:49%}
.venta-viva__entrada{position:absolute;left:6%;top:calc(49% - 13px);padding:5px 7px;background:#101720;color:#d4dde6;font:10px var(--fuente-mono);text-transform:uppercase}
.venta-viva__nucleo{position:absolute;left:43%;top:49%;display:grid;gap:5px;width:145px;padding:18px 16px;transform:translate(-50%,-50%);border:1px solid #8a704a;border-radius:16px;background:#111922e8;text-align:center;box-shadow:0 0 50px #d4943433}
.venta-viva__nucleo i{position:absolute;left:50%;top:50%;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:50%;background:#edbd7e;box-shadow:0 0 22px #edbd7e}
.venta-viva__nucleo strong{color:#f6e2bc;font:10px var(--fuente-mono);letter-spacing:.12em}.venta-viva__nucleo small{margin-top:14px;color:#acb7c3;font-size:10px}
.venta-viva ol{position:absolute;left:52%;top:10%;display:grid;gap:18px;width:34%;margin:0;padding:0;list-style:none}.venta-viva ol li,.venta-viva__salidas p{display:grid;gap:4px;padding:11px 13px;border:1px solid #495564;border-radius:9px;background:#111a24e8}.venta-viva ol span,.venta-viva__salidas span{color:#edbd7e;font:8px var(--fuente-mono);letter-spacing:.08em;text-transform:uppercase}.venta-viva ol strong,.venta-viva__salidas strong{font-size:12px;font-weight:500}.venta-viva__salidas{position:absolute;right:2%;bottom:7%;display:grid;grid-template-columns:1fr;gap:10px;width:38%}.venta-viva__salidas p:first-child{border-color:#8a704a}

@media(max-width:700px){
 .nav__movil>summary{display:flex;align-items:center;gap:6px;min-width:68px;white-space:nowrap;list-style:none}.nav__movil>summary::-webkit-details-marker{display:none}.nav__movil>summary::before{content:'▸';font-size:10px}.nav__movil[open]>summary::before{content:'▾'}
 .hero__voz{width:100%;gap:11px;padding:clamp(92px,13svh,112px) 0 200px;justify-content:flex-start;transform:none!important}.hero__turno>strong{max-width:29ch;font-size:10px;line-height:1.38}.hero__umbral{margin-top:0}
 .recorrido-inmersivo__escena::after{background:linear-gradient(180deg,#05080dd1 0%,#05080d91 36%,transparent 58%,#05080d3d 100%),radial-gradient(circle at 56% 73%,transparent 0 34%,#05080d45 76%,#05080d7d 100%)}
 .recorrido-inmersivo__hud{top:78px;right:18px}.recorrido-inmersivo__hud strong{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.recorrido-inmersivo__hud::before{width:24px}
 .recorrido-inmersivo__escena figcaption{right:18px;bottom:16px;font-size:7px}
 .recorrido-inmersivo .hero__titular{max-width:9.4ch;font-size:clamp(41px,11.7vw,50px)}
 .recorrido-inmersivo__capitulos article,.recorrido-inmersivo__capitulos article:nth-child(even){justify-content:flex-start;width:calc(100% - 40px);min-height:100svh;margin-inline:20px;padding-top:clamp(104px,14svh,124px);gap:12px}
 .recorrido-inmersivo__capitulos article::before{inset:2% -6% 43%;background:radial-gradient(ellipse at top,#05080df5 0 42%,#05080dc7 64%,transparent 90%)}
 .recorrido-inmersivo__capitulos h2{max-width:13ch;font-size:clamp(29px,8vw,36px)}
 .recorrido-inmersivo__cierre h2{max-width:9ch;font-size:clamp(39px,10.8vw,49px)}
 .recorrido-inmersivo__capitulos p{max-width:29ch;font-size:13px;line-height:1.5}
 .recorrido-inmersivo__memoria{bottom:44px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 0;width:calc(100% - 40px)}
 .recorrido-inmersivo__memoria{display:flex;align-items:end;gap:9px}
 .recorrido-inmersivo__memoria li{flex:0 0 18px;min-height:18px;padding:0}.recorrido-inmersivo__memoria li::before{top:auto;bottom:3px}.recorrido-inmersivo__memoria li::after{display:none}
 .recorrido-inmersivo__memoria li:not(.esta-actual) span,.recorrido-inmersivo__memoria li:not(.esta-actual) strong{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .recorrido-inmersivo__memoria li.esta-actual{flex:1;padding-left:20px;font-size:11px}.recorrido-inmersivo__memoria li.esta-actual strong{max-width:none;font-size:11px}
 .recorrido-inmersivo[data-portada] .recorrido-inmersivo__memoria{bottom:110px;opacity:1}.recorrido-inmersivo[data-portada] .recorrido-inmersivo__memoria li{opacity:0}.recorrido-inmersivo[data-portada] .recorrido-inmersivo__memoria li:first-child{display:grid;flex:1;opacity:1;padding-left:20px}.recorrido-inmersivo[data-portada] .recorrido-inmersivo__memoria li:first-child span,.recorrido-inmersivo[data-portada] .recorrido-inmersivo__memoria li:first-child strong{position:relative;width:max-content;height:auto;overflow:visible;clip-path:none;background:#05080dcc}.recorrido-inmersivo[data-portada] .recorrido-inmersivo__memoria li:first-child strong{max-width:none;color:#f4f1eb;font:500 10px var(--fuente-mono)}
 .recorrido-inmersivo__resultado{width:100%}
 .venta-viva{min-height:340px;border-left:0;border-top:1px solid #34404e}.venta-viva__nucleo{width:118px;padding-inline:10px}.venta-viva ol{left:54%;width:42%}.venta-viva__salidas{width:46%}
 .recorrido-inmersivo__cierre{min-height:86svh;padding:82px 20px}
 #hablemos{scroll-margin-top:76px;background:#111720f4}
 #hablemos .rejilla--cierre>*{min-width:0}
 #hablemos .fila--envio{display:grid;grid-template-columns:1fr;width:100%}
 #hablemos .fila--envio .boton{min-width:0;width:100%;white-space:normal;text-align:center}
 .exploracion-doble{grid-template-columns:1fr;gap:12px;padding:24px 16px 32px}.exploracion-doble::before{top:-64px;height:64px}.exploracion-doble summary{min-height:104px}.exploracion-doble>.profundidad-agentes>.envoltura,.exploracion-doble>.laboratorio-tecnico>.envoltura{padding-inline:20px}
 .profundidad-agentes{padding-block:0}.profundidad-agentes__detalle>summary{min-height:112px}.profundidad-agentes__detalle>summary strong{font-size:15px;max-width:24ch}
}
@media(prefers-reduced-motion:reduce){.hero__umbral i{animation:none!important}.recorrido-inmersivo__capitulos article{transition:none}}



.recorrido-inmersivo__capitulos{margin-top:clamp(-180px,-15svh,-96px)}
@media(max-width:700px){
 .recorrido-inmersivo__capitulos{margin-top:clamp(-164px,-18svh,-112px)}
}



@media(max-width:700px){
  .nav__interior{justify-content:flex-start}
  .nav__movil{margin-inline-start:auto}
  .i18n-controls{margin-inline-start:8px!important;flex:0 1 62px!important;width:62px;min-width:0;max-width:62px;overflow:hidden}
  .i18n-controls select{display:block;width:100%;min-width:0;max-width:100%;padding-inline:4px;font-size:9px}
  .nav__interior>.boton{min-width:0;max-width:132px;padding-inline:9px;font-size:10px;overflow:hidden;text-overflow:ellipsis}
  .arena-agentes__pie .boton{max-width:100%;min-width:0;white-space:normal;text-align:center}
  .cog__lienzo{max-width:100%;overflow-x:hidden}
}
@media(max-width:360px){
  .i18n-controls{flex-basis:52px!important;width:52px;max-width:52px;margin-inline-start:6px!important}
  .i18n-controls select{width:52px;padding-inline:5px;font-size:8px}
}
@media(max-width:360px){
  .nav__interior{position:relative}
  .i18n-controls{position:absolute!important;right:20px;top:14px;width:52px!important;max-width:52px;flex:none!important;margin:0!important}
}



#nucleo .observatorio__rotulo{padding:6px 9px;border:1px solid #526174;border-radius:999px;background:#0b121ceb;color:#f7f5f1;font:600 10px var(--fuente-mono);letter-spacing:.04em;text-shadow:none;box-shadow:0 8px 20px #0006;white-space:nowrap}
#nucleo .observatorio__rotulo[data-role="system"]{border-color:#edbd7e;color:#f5d28f}
#nucleo .observatorio__rotulo[data-role="query"]{border-color:#9cafc0;color:#dbe6ee}
#nucleo .observatorio__rotulo[data-role="layer"]{border-color:#d99a3b;color:#f2c47a}
@media(max-width:700px){#nucleo .observatorio__rotulo{font-size:9px;padding:5px 7px}}



@media(max-width:700px){
  #sistemas .retrato__svg{width:100%;height:clamp(250px,70vw,300px);max-height:none;min-width:0}
}

@media(max-width:360px){


  .nav__interior>.boton{min-width:0;max-width:132px;padding-inline:8px;font-size:10px;white-space:normal;text-align:center}
  .agente__brief .boton--acento{width:100%;max-width:calc(100vw - 40px);min-width:0;white-space:normal;text-align:center}
}



#nucleo .laboratorio-tecnico__contenido,#sistemas .laboratorio-tecnico__contenido{scroll-margin-top:132px}
#limites,#alcance,#metodo,#datos,#hablemos,#decision,#piensa,#traza,#prueba,#sistemas{scroll-margin-top:132px}