.escaner>.xmain{grid-template-columns:clamp(14rem,19vw,18.5rem) minmax(0,1fr) clamp(21rem,29vw,28rem);display:grid}.regions{padding:clamp(.5rem, 1.6vw, 1.5rem) 1.25rem 1.5rem var(--borde);overflow-y:auto}.regions .rotulo{margin-bottom:1.75rem;font-size:.8125rem}.regions h2{border-bottom:1px solid var(--linea-2);color:var(--tinta-2);letter-spacing:var(--espaciado);text-transform:uppercase;margin:0 0 .35rem;padding-bottom:.6rem;font-size:.75rem;font-weight:500;line-height:1.4}.regions ol{margin:0 0 1.9rem;padding:0;list-style:none}.region{border:0;border-bottom:1px solid var(--linea-suave);width:100%;color:var(--tinta-2);font-size:var(--t-m);text-align:left;cursor:pointer;transition:color var(--rapido), border-color var(--rapido);background:0 0;border-left:2px solid #0000;padding:.6rem 0 .6rem .9rem;line-height:1.3;display:block}.region:hover,.region.is-hover{color:var(--tinta);border-left-color:var(--lila)}.region.is-active{border-left-color:var(--verde);color:var(--verde);font-weight:600}.stage{border-radius:var(--r-m);background:radial-gradient(ellipse 46% 50% at 50% 48%, #9a5fe033, #9a5fe00f 48%, transparent 72%) var(--fondo);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;min-height:0;position:relative;overflow:hidden}.stage.is-dragging{cursor:grabbing}.stage.is-pointing{cursor:pointer}.stage canvas{width:100%;height:100%;position:absolute;inset:0}.stage-hint{color:var(--tinta-3);font-size:var(--t-s);text-align:center;pointer-events:none;margin:0;position:absolute;bottom:1.1rem;left:1rem;right:1rem}.tools{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex;position:absolute;top:.75rem;left:1rem;right:1rem}.tools button,.pager button{border:1px solid var(--linea-2);min-height:2.5rem;color:var(--tinta);font-size:var(--t-s);cursor:pointer;transition:background-color var(--rapido), border-color var(--rapido);background:0 0;border-radius:999px;padding:.45rem 1.1rem;line-height:1.2}.tools button:hover,.pager button:hover{border-color:var(--lila);background:var(--elevado)}.tools button[aria-pressed=true]{border-color:var(--verde);color:var(--verde)}.tip{z-index:3;border:1px solid var(--linea-2);background:var(--elevado);color:var(--tinta);font-size:var(--t-s);white-space:nowrap;pointer-events:none;border-radius:999px;padding:.4rem .8rem;line-height:1.3;position:absolute;transform:translate(.9rem,.9rem)}.info{padding:clamp(.5rem, 1.6vw, 1.5rem) var(--borde) 1.5rem 1.75rem;color:var(--tinta-lectura);line-height:1.6;overflow-y:auto}.info .grupo{color:var(--verde);letter-spacing:var(--espaciado);text-transform:uppercase;font-size:.8125rem;font-weight:700}.info h1{color:var(--tinta);letter-spacing:-.012em;text-wrap:balance;margin-top:.6rem;font-size:clamp(2rem,2.9vw,2.75rem);font-weight:700;line-height:1.02}.info h1:first-child{margin-top:0}.info .tagline{color:var(--tinta);font-size:var(--t-l);margin-top:.7rem;font-weight:500}.info h2{border-top:1px solid var(--linea);color:var(--tinta);letter-spacing:var(--espaciado);text-transform:uppercase;margin:1.9rem 0 .7rem;padding-top:1rem;font-size:.75rem;font-weight:600;line-height:1.4}.info p.body{margin-top:.9rem}.points{gap:.5rem;margin:0;padding-left:1.15em;display:grid}.points li::marker{color:var(--lila)}.parts strong{color:var(--tinta);font-weight:650}.fact{border-left:3px solid var(--lila);color:var(--tinta);padding-left:1.1rem}.pager{gap:.6rem;margin-top:2rem;display:flex}.pager button{flex:1}.xfoot{padding:.8rem var(--borde);color:var(--tinta-3);font-size:var(--t-xs);line-height:1.5}.xfoot a{color:var(--tinta-2);-webkit-text-decoration-color:var(--linea);text-decoration-color:var(--linea);text-underline-offset:.2em}@media (width>=1041px){.lienzo.escaner{height:100dvh;min-height:34rem}.escaner>.xmain{flex:1 1 0;min-height:0}}@media (width<=1040px){.escaner>.xmain{flex-direction:column;display:flex}.stage{height:min(24rem,60vh);margin:0 var(--margen);order:1}.tools{justify-content:center}.regions{padding:.6rem var(--margen);border-block:1px solid var(--linea);scrollbar-width:none;order:2;margin-top:.75rem;overflow:auto hidden}.regions .rotulo{display:none}#region-list{gap:1.5rem;width:max-content;display:flex}.regions h2{display:none}.regions ol{gap:1.5rem;margin:0;display:flex}.region{white-space:nowrap;border:0;border-bottom:3px solid #0000;padding:.6rem 0 .45rem}.region:hover,.region.is-hover{border-bottom-color:var(--linea)}.region.is-active{border-bottom-color:var(--verde)}.info{padding:1.75rem var(--margen) 1rem;order:3;overflow:visible}.xfoot{padding-inline:var(--margen);margin-top:1rem}}