/* V125.11 · Ajuste visual mínimo en controles de zoom.
   Orden móvil: menos, 100%, más; grupo centrado.
   IDs, eventos, estados y lógica permanecen intactos. */
.entrenamiento-apartado-estructura{--apartado:var(--primario,#00a892);grid-column:1/-1;min-height:116px}
#entrenamientoEstructura{
  --ship-accent:var(--primario,#00a892);
  --ship-accent-text:var(--sobrePrimario,#fff);
  --ship-ink:var(--text,#16252d);
  --ship-muted:var(--muted,#64737b);
  --ship-card:var(--card,#fff);
  --ship-bg:var(--bg,#f3f7f8);
  --ship-border:color-mix(in srgb,var(--ship-accent) 22%,var(--borde,#d6e1e5));
  --ship-soft:color-mix(in srgb,var(--ship-accent) 8%,var(--ship-card));
  min-width:0;
  max-width:100%;
  padding:0 0 24px;
  overflow-x:hidden;
}
#entrenamientoEstructura *{box-sizing:border-box}
.estructura125-shell{display:grid;gap:14px;width:100%;min-width:0;max-width:1180px;margin:0 auto}
.estructura125-top{
  position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:20px 22px;overflow:hidden;border:1px solid var(--ship-border);border-radius:24px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--ship-accent) 10%,var(--ship-card)),var(--ship-card) 60%);
  box-shadow:0 12px 36px rgba(9,35,48,.08)
}
.estructura125-top::after{content:"";position:absolute;z-index:-1;right:-45px;top:-86px;width:220px;height:220px;border:38px solid color-mix(in srgb,var(--ship-accent) 8%,transparent);border-radius:50%}
.estructura125-heading{display:flex;align-items:center;gap:14px;min-width:0}
.estructura125-mark{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:17px;background:#082b3b;color:#75e4df;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.estructura125-mark svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.estructura125-eyebrow{display:block;margin-bottom:4px;color:var(--textoAcento,var(--ship-accent));font-size:.75rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.estructura125-top h2{margin:0;color:var(--ship-ink);font-size:clamp(1.45rem,3vw,2rem);line-height:1.08;letter-spacing:-.025em}
.estructura125-top p{margin:7px 0 0;max-width:690px;color:var(--ship-muted);font-size:.95rem;line-height:1.55}
.estructura125-tabs{display:flex;flex:0 0 auto;gap:8px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.estructura125-tabs button{min-height:42px;padding:0 16px;border:0;border-radius:11px;background:transparent;color:var(--ship-muted);font:inherit;font-size:.84rem;font-weight:850;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}
.estructura125-tabs button[aria-pressed="true"]{background:var(--ship-accent);color:var(--ship-accent-text);box-shadow:0 7px 16px color-mix(in srgb,var(--ship-accent) 22%,transparent)}
.estructura125-tabs button:active{transform:scale(.98)}

.estructura125-board{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.72fr);width:100%;min-width:0;max-width:100%;overflow:hidden;border:1px solid var(--ship-border);border-radius:26px;background:var(--ship-card);box-shadow:0 20px 55px rgba(6,38,52,.1)}
.estructura125-status{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:0;background:var(--ship-card)}
.estructura125-status>div{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;padding:13px 12px;border-right:1px solid var(--ship-border)}
.estructura125-status>div:last-child{border-right:0}
.estructura125-status small{color:var(--ship-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.estructura125-status b{color:var(--ship-ink);font-size:1rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.estructura125-status .racha b{color:var(--textoAcento,var(--ship-accent))}
.estructura125-progress{grid-column:1/-1;height:5px;background:color-mix(in srgb,var(--ship-accent) 7%,var(--ship-bg));overflow:hidden}
.estructura125-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--ship-accent),#56d6cf);transition:width .28s ease}

.estructura125-viewbar{padding:13px 14px 14px;border-bottom:1px solid var(--ship-border);background:color-mix(in srgb,var(--ship-bg) 70%,var(--ship-card))}
.estructura125-viewbar-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 9px}
.estructura125-viewbar-label span{color:var(--ship-ink);font-size:.82rem;font-weight:850}
.estructura125-viewbar-label small{color:var(--ship-muted);font-size:.74rem}
.estructura125-view-switch{grid-column:1/-1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;padding:12px;border-top:1px solid var(--ship-border);background:color-mix(in srgb,var(--ship-bg) 70%,var(--ship-card))}
.estructura125-view-switch button{display:grid;place-items:center;gap:4px;min-width:0;min-height:58px;padding:8px 5px;border:1px solid var(--ship-border);border-radius:13px;background:var(--ship-card);color:var(--ship-muted);font:inherit;font-size:.72rem;font-weight:850;line-height:1.1;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}
.estructura125-view-switch button .view-glyph{display:grid;place-items:center;width:25px;height:21px;border-radius:7px;background:color-mix(in srgb,var(--ship-accent) 8%,var(--ship-bg));font-size:.68rem;letter-spacing:.04em}
.estructura125-view-switch button[aria-pressed="true"]{border-color:var(--ship-accent);background:var(--ship-soft);color:var(--textoAcento,var(--ship-accent));box-shadow:0 7px 17px color-mix(in srgb,var(--ship-accent) 10%,transparent);transform:translateY(-1px)}
.estructura125-view-switch button:focus-visible,.estructura125-tabs button:focus-visible,.estructura125-btn:focus-visible,.estructura125-zoom button:focus-visible,.estructura125-tag:focus-visible{outline:3px solid color-mix(in srgb,var(--ship-accent) 32%,transparent);outline-offset:2px}

.estructura125-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.72fr);min-height:620px}
.estructura125-main{min-width:0;padding:18px;border-right:1px solid var(--ship-border);background:linear-gradient(180deg,var(--ship-card),color-mix(in srgb,var(--ship-bg) 75%,var(--ship-card)))}
.estructura125-prompt{grid-column:1;min-width:0;max-width:100%;padding:18px 18px 13px;display:block}
.estructura125-prompt small{display:block;color:var(--textoAcento,var(--ship-accent));font-size:.74rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.estructura125-prompt h3{margin:5px 0 4px;color:var(--ship-ink);font-size:clamp(1.25rem,2.2vw,1.7rem);line-height:1.2;letter-spacing:-.018em}
.estructura125-prompt p{margin:0;max-width:650px;color:var(--ship-muted);font-size:.9rem;line-height:1.5}
.estructura125-prompt small,.estructura125-prompt h3,.estructura125-prompt p,.estructura125-dock small,.estructura125-feedback,.estructura125-explore-info p,.estructura125-finish p{overflow-wrap:anywhere}
.estructura125-view-id{text-align:right}.estructura125-view-id b{display:block;color:var(--ship-ink);font-size:.92rem}.estructura125-view-id span{display:block;margin-top:3px;color:var(--ship-muted);font-size:.74rem}

.estructura125-stage-wrap{grid-column:1;width:100%;min-width:0;max-width:100%;padding:0 18px 18px;border-right:1px solid var(--ship-border)}
.estructura125-stage{position:relative;overflow:auto;border:1px solid #173c4c;border-radius:20px;background:#061f2d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.estructura125-stage::after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;border-radius:19px;box-shadow:inset 0 0 42px rgba(1,12,19,.2)}
.estructura125-canvas{position:relative;width:100%;min-width:100%;transition:width .2s ease}
.estructura125-image{display:block;width:100%;height:auto;aspect-ratio:26/15;object-fit:contain;user-select:none;-webkit-user-drag:none;transition:opacity .16s ease,filter .16s ease}
.estructura125-image.cambiando{opacity:.32;filter:saturate(.55)}
.estructura125-hotspot-layer{position:absolute;inset:0;z-index:3;pointer-events:none}
.estructura125-hotspot{position:absolute;z-index:4;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:transparent;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer;touch-action:manipulation;font-size:0}
.estructura125-hotspot::before{content:"";position:absolute;inset:12px;border:2px solid rgba(133,226,224,.64);border-radius:50%;background:rgba(5,39,54,.62);box-shadow:0 0 0 5px rgba(81,200,197,.08),0 0 18px rgba(62,211,204,.12);transition:inset .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.estructura125-hotspot::after{content:"+";position:absolute;inset:0;display:grid;place-items:center;color:#aaf4ef;font-size:1rem;font-weight:500;opacity:0;transition:opacity .16s ease}
.estructura125-board[data-mode="explorar"] .estructura125-hotspot::after,.estructura125-board.etiqueta-activa .estructura125-hotspot::after{opacity:1}
.estructura125-board:not([data-mode="explorar"]):not(.etiqueta-activa) .estructura125-hotspot::before{inset:17px;border-color:rgba(133,226,224,.36);box-shadow:none}
.estructura125-hotspot:hover::before,.estructura125-hotspot:focus-visible::before{inset:8px;border-color:#aaf4ef;background:rgba(18,81,98,.78);box-shadow:0 0 0 6px rgba(81,200,197,.12),0 0 25px rgba(62,211,204,.28)}
.estructura125-hotspot:focus-visible{outline:none}
.estructura125-hotspot.pista::before{inset:6px;border-color:#ffd166;background:rgba(114,78,8,.66);box-shadow:0 0 0 7px rgba(255,209,102,.14),0 0 28px rgba(255,209,102,.32)}
.estructura125-hotspot.acierto::before{inset:6px;border-color:#63e6a1;background:rgba(12,102,63,.68);box-shadow:0 0 0 7px rgba(61,220,139,.14),0 0 28px rgba(61,220,139,.34)}
.estructura125-hotspot.acierto::after{content:"✓";opacity:1;color:#d9ffeb}
.estructura125-hotspot.error::before{inset:6px;border-color:#ff6b78;background:rgba(128,25,42,.68);box-shadow:0 0 0 7px rgba(255,88,109,.14)}
.estructura125-hotspot.error{animation:estructura125-nudge .34s ease}
.estructura125-label-layer{position:absolute;inset:0;z-index:5;pointer-events:none}
.estructura125-placed{--label-x:-50%;--label-y:-50%;position:absolute;display:flex;align-items:center;gap:5px;max-width:160px;padding:5px 8px;border:1px solid rgba(99,230,161,.7);border-radius:999px;background:rgba(5,44,48,.9);color:#dcffec;font-size:.72rem;font-weight:850;line-height:1;white-space:nowrap;transform:translate(var(--label-x),var(--label-y));box-shadow:0 8px 18px rgba(0,0,0,.24)}
.estructura125-placed.edge-left{--label-x:0%}.estructura125-placed.edge-right{--label-x:-100%}.estructura125-placed.edge-top{--label-y:0%}.estructura125-placed.edge-bottom{--label-y:-100%}
.estructura125-placed::before{content:"✓";color:#63e6a1}.estructura125-placed.revelado{border-color:rgba(255,209,102,.75);color:#fff2c8}.estructura125-placed.revelado::before{content:"•";color:#ffd166}
.estructura125-placed.mapa{border-color:rgba(117,228,223,.78);background:rgba(7,43,58,.94);color:#dffdfa}.estructura125-placed.mapa::before{display:none}
.estructura125-stage-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.estructura125-stage-footer p{margin:0;color:var(--ship-muted);font-size:.78rem;line-height:1.4}
.estructura125-zoom{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.estructura125-zoom button{display:grid;place-items:center;min-width:39px;height:39px;padding:0 10px;border:1px solid var(--ship-border);border-radius:11px;background:var(--ship-card);color:var(--ship-ink);font:inherit;font-size:1rem;font-weight:850;cursor:pointer}
.estructura125-zoom #estructura46ZoomReset{min-width:62px;font-size:.75rem}

.estructura125-side{display:flex;flex-direction:column;gap:12px;padding:18px;background:color-mix(in srgb,var(--ship-bg) 78%,var(--ship-card))}
.estructura125-card{padding:16px;border:1px solid var(--ship-border);border-radius:17px;background:var(--ship-card)}
.estructura125-card-label{display:block;margin-bottom:8px;color:var(--textoAcento,var(--ship-accent));font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.estructura125-dock{grid-column:2;grid-row:3/span 2;align-self:start;display:grid;gap:10px;min-width:0;max-width:100%;margin:18px}
.estructura125-setup{display:grid;gap:8px;padding-bottom:11px;border-bottom:1px solid var(--ship-border)}
.estructura125-setup[hidden]{display:none!important}
.estructura125-setup label,.estructura125-setup-label{color:var(--textoAcento,var(--ship-accent));font-size:.75rem;font-weight:900;letter-spacing:.1em}
.estructura125-setup select,.estructura125-setup button{width:100%;min-width:0;min-height:45px;padding:10px 12px;border:1px solid var(--ship-border);border-radius:12px;background:var(--ship-card);color:var(--ship-ink);font:inherit;font-size:.88rem;font-weight:800}
.estructura125-setup button{cursor:pointer;color:var(--ship-muted)}
.estructura125-setup button[aria-pressed="true"]{border-color:var(--ship-accent);background:var(--ship-soft);color:var(--textoAcento,var(--ship-accent))}
.estructura125-setup button:focus-visible{outline:3px solid color-mix(in srgb,var(--ship-accent) 32%,transparent);outline-offset:2px}
.estructura125-route-field{position:relative;min-width:0}
.estructura125-route-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}
.estructura125-setup .estructura125-route-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:9px 13px;text-align:left;color:var(--ship-ink);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}
.estructura125-setup .estructura125-route-trigger:hover{border-color:color-mix(in srgb,var(--ship-accent) 45%,var(--ship-border));background:var(--ship-soft)}
.estructura125-setup .estructura125-route-trigger:active{transform:scale(.995)}
.estructura125-route-trigger-copy{display:grid;gap:2px;min-width:0}
.estructura125-route-trigger-copy strong{min-width:0;color:var(--ship-ink);font-size:.92rem;font-weight:900;line-height:1.18;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.estructura125-route-trigger-copy small{margin:0;color:var(--ship-muted);font-size:.74rem;font-weight:700;line-height:1.2}
.estructura125-route-chevron{display:block;flex:0 0 auto;width:9px;height:9px;margin-right:4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);color:var(--textoAcento,var(--ship-accent));transition:transform .16s ease}
.estructura125-route-trigger[aria-expanded="true"] .estructura125-route-chevron{transform:rotate(225deg) translate(-2px,-1px)}
.estructura125-route-sheet[hidden]{display:none!important}
.estructura125-route-sheet{position:fixed;z-index:100000;inset:0;display:grid;align-items:end;justify-items:stretch;pointer-events:none}
.estructura125-route-backdrop{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:rgba(4,20,29,.54);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:auto}
.estructura125-route-panel{position:relative;z-index:1;width:min(100%,560px);max-height:min(82dvh,690px);margin:0 auto;overflow:hidden;border:1px solid var(--ship-border);border-bottom:0;border-radius:22px 22px 0 0;background:var(--ship-card);box-shadow:0 -18px 50px rgba(4,20,29,.22);pointer-events:auto;color:var(--ship-ink)}
.estructura125-route-handle{width:42px;height:4px;margin:9px auto 3px;border-radius:999px;background:color-mix(in srgb,var(--ship-muted) 28%,transparent)}
.estructura125-route-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px 11px;border-bottom:1px solid var(--ship-border)}
.estructura125-route-head>div{min-width:0}.estructura125-route-head small{display:block;margin:0 0 3px;color:var(--textoAcento,var(--ship-accent));font-size:.68rem;font-weight:900;letter-spacing:.11em}.estructura125-route-head h3{margin:0;color:var(--ship-ink);font-size:1.08rem;line-height:1.25}
.estructura125-route-close{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid var(--ship-border);border-radius:11px;background:var(--ship-bg);color:var(--ship-muted);font:inherit;font-size:1.35rem;line-height:1;cursor:pointer}
.estructura125-route-close:focus-visible,.estructura125-route-options button:focus-visible{outline:3px solid color-mix(in srgb,var(--ship-accent) 32%,transparent);outline-offset:-2px}
.estructura125-route-options{max-height:calc(min(82dvh,690px) - 82px);overflow:auto;padding:6px 8px 10px;overscroll-behavior:contain}
.estructura125-route-options button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:58px;padding:9px 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ship-ink);font:inherit;text-align:left;cursor:pointer}
.estructura125-route-options button+button{margin-top:2px}
.estructura125-route-options button:hover{background:color-mix(in srgb,var(--ship-accent) 5%,var(--ship-card))}
.estructura125-route-options button[aria-checked="true"]{border-color:color-mix(in srgb,var(--ship-accent) 34%,var(--ship-border));background:var(--ship-soft)}
.estructura125-route-options button span{display:grid;gap:2px;min-width:0}.estructura125-route-options button strong{color:var(--ship-ink);font-size:.91rem;font-weight:850;line-height:1.18}.estructura125-route-options button small{margin:0;color:var(--ship-muted);font-size:.73rem;font-weight:700;line-height:1.2}
.estructura125-route-options button>i{display:grid;place-items:center;width:21px;height:21px;border:2px solid color-mix(in srgb,var(--ship-muted) 56%,var(--ship-border));border-radius:50%;background:var(--ship-card)}
.estructura125-route-options button[aria-checked="true"]>i{border-color:var(--ship-accent);box-shadow:inset 0 0 0 4px var(--ship-card);background:var(--ship-accent)}
body.estructura125-route-open{overflow:hidden}
.estructura46-dock-copy{display:grid;gap:10px}.estructura46-dock-copy small{color:var(--ship-muted);font-size:.8rem;line-height:1.45}
.estructura125-tag{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;max-width:100%;min-height:58px;height:auto;padding:12px 14px;border:2px solid var(--ship-accent);border-radius:15px;background:var(--ship-card);color:var(--textoAcento,var(--ship-accent));font:inherit;font-size:1rem;font-weight:950;line-height:1.25;letter-spacing:.025em;text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:grab;touch-action:none;box-shadow:0 10px 22px color-mix(in srgb,var(--ship-accent) 14%,transparent);transition:background .16s ease,color .16s ease,transform .16s ease}
.estructura125-tag::before{content:"⋮⋮";margin-right:9px;opacity:.56;letter-spacing:-.18em}.estructura125-tag:active{cursor:grabbing}.estructura125-tag:disabled{cursor:default;opacity:.68}.estructura125-tag.seleccionada{background:var(--ship-accent);color:var(--ship-accent-text);transform:translateY(-1px)}.estructura125-tag.rechazo{animation:estructura125-shake .34s ease}
.estructura125-dock small{color:var(--ship-muted);font-size:.8rem;line-height:1.45}
.estructura125-feedback{grid-column:2;min-width:0;max-width:100%;margin:0 18px 12px;padding:12px 13px;border-radius:14px;font-size:.84rem;font-weight:750;line-height:1.45}
.estructura125-feedback[hidden]{display:none!important}.estructura125-feedback.ok{border:1px solid color-mix(in srgb,#16a34a 32%,var(--ship-border));background:color-mix(in srgb,#16a34a 9%,var(--ship-card));color:color-mix(in srgb,#16a34a 78%,var(--ship-ink))}.estructura125-feedback.warn{border:1px solid color-mix(in srgb,#d97706 34%,var(--ship-border));background:color-mix(in srgb,#d97706 9%,var(--ship-card));color:color-mix(in srgb,#b45309 78%,var(--ship-ink))}.estructura125-feedback.bad{border:1px solid color-mix(in srgb,#dc2626 32%,var(--ship-border));background:color-mix(in srgb,#dc2626 8%,var(--ship-card));color:color-mix(in srgb,#dc2626 76%,var(--ship-ink))}
.estructura125-explore-info,.estructura125-finish{grid-column:2;grid-row:3/span 2;align-self:start;margin:18px}.estructura125-explore-info h3,.estructura125-finish h3{margin:4px 0 6px;color:var(--ship-ink);font-size:1.2rem;line-height:1.25}.estructura125-explore-info p,.estructura125-finish p{margin:0;color:var(--ship-muted);font-size:.88rem;line-height:1.55}.estructura125-explore-info[hidden],.estructura125-finish[hidden]{display:none!important}.estructura125-finish{text-align:center}.estructura125-finish>strong{display:block;margin-top:10px;color:var(--textoAcento,var(--ship-accent));font-size:2.5rem;line-height:1}
.estructura125-result-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:14px}
.estructura125-result-overview>div{min-width:0;padding:9px 5px;border:1px solid var(--ship-border);border-radius:11px;background:var(--ship-soft)}
.estructura125-result-overview small{display:block;color:var(--ship-muted);font-size:.65rem;font-weight:850;letter-spacing:.045em;line-height:1.2}
.estructura125-result-overview b{display:block;margin-top:4px;color:var(--ship-ink);font-size:.98rem;font-variant-numeric:tabular-nums}
.estructura125-result-details{display:grid;gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid var(--ship-border);text-align:left}
.estructura125-result-details:empty{display:none}
.estructura125-result-row{display:grid;grid-template-columns:minmax(82px,.9fr) minmax(70px,1fr) auto;align-items:center;gap:8px;color:var(--ship-muted);font-size:.76rem}
.estructura125-result-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.estructura125-result-row i{height:6px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--ship-accent) 9%,var(--ship-border))}
.estructura125-result-row i::after{content:"";display:block;width:var(--score,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ship-accent),#63d8d2)}
.estructura125-result-row b{color:var(--ship-ink);font-size:.76rem;font-variant-numeric:tabular-nums}
.estructura125-actions{grid-column:2;display:grid;grid-template-columns:1fr 1fr;align-self:end;gap:8px;min-width:0;max-width:100%;margin:0 18px 18px}.estructura125-btn{min-width:0;max-width:100%;min-height:46px;padding:10px 12px;border-radius:13px;font:inherit;font-size:.82rem;font-weight:900;white-space:normal;overflow-wrap:anywhere;cursor:pointer}.estructura125-btn.primary{grid-column:1/-1;border:0;background:var(--ship-accent);color:var(--ship-accent-text);box-shadow:0 9px 18px color-mix(in srgb,var(--ship-accent) 18%,transparent)}.estructura125-btn.secondary{border:1px solid var(--ship-border);background:var(--ship-card);color:var(--textoAcento,var(--ship-accent))}.estructura125-btn[hidden]{display:none!important}
.estructura125-map-toggle[aria-pressed="true"]{border-color:var(--ship-accent);background:var(--ship-soft)}
.estructura125-legend{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--ship-border);color:var(--ship-muted);font-size:.76rem}.estructura125-legend span{display:flex;align-items:center;gap:8px}.estructura125-legend i{width:11px;height:11px;border:2px solid #63cbc8;border-radius:50%;background:#092b39}.estructura125-legend span:last-child i{border-color:#ffd166}
.estructura125-ghost{position:fixed;z-index:999999;pointer-events:none;transform:translate(-50%,-50%);padding:10px 14px;border:2px solid var(--ship-accent);border-radius:14px;background:var(--ship-card);color:var(--textoAcento,var(--ship-accent));font-size:.9rem;font-weight:950;box-shadow:0 16px 34px rgba(0,0,0,.22)}

@keyframes estructura125-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}50%{transform:translateX(6px)}75%{transform:translateX(-4px)}}
@keyframes estructura125-nudge{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-50%) scale(1.08)}}
@media(max-width:900px){
  .estructura125-board{grid-template-columns:1fr}.estructura125-status,.estructura125-progress,.estructura125-prompt,.estructura125-stage-wrap,.estructura125-dock,.estructura125-feedback,.estructura125-explore-info,.estructura125-finish,.estructura125-actions{grid-column:1;grid-row:auto}.estructura125-stage-wrap{border-right:0;border-bottom:1px solid var(--ship-border)}.estructura125-dock,.estructura125-explore-info,.estructura125-finish{margin:14px}.estructura125-feedback{margin:0 14px 12px}.estructura125-actions{margin:0 14px 14px}.estructura125-workspace{grid-template-columns:1fr;min-height:0}.estructura125-main{border-right:0;border-bottom:1px solid var(--ship-border)}.estructura125-side{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr)}
}
@media(max-width:720px){
  .estructura125-top{align-items:stretch;padding:17px}.estructura125-top,.estructura125-heading{display:grid}.estructura125-mark{display:none}.estructura125-tabs{width:100%;min-width:0}.estructura125-tabs button{flex:1;min-width:0;padding-inline:10px}.estructura125-viewbar-label small{display:none}.estructura125-view-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;overflow:visible;padding:10px;scroll-snap-type:none}.estructura125-view-switch button{min-width:0;min-height:52px;padding:7px 3px;font-size:.68rem}.estructura125-main,.estructura125-side{padding:14px}.estructura125-prompt{grid-template-columns:1fr}.estructura125-view-id{text-align:left;display:flex;gap:8px}.estructura125-view-id span{margin:0}.estructura125-canvas{width:100%;min-width:100%;max-width:none}.estructura125-image{width:100%;min-width:0;max-width:100%}.estructura125-side{grid-template-columns:1fr}.estructura125-feedback,.estructura125-explore-info,.estructura125-finish{grid-column:auto}.estructura125-stage-footer{align-items:flex-start}.estructura125-status{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.estructura125-status>div{display:grid;min-width:0;justify-items:center;gap:3px;padding:10px 4px}.estructura125-status small{max-width:100%;font-size:.6rem;letter-spacing:.045em;text-align:center;overflow-wrap:anywhere}.estructura125-status b{max-width:100%;font-size:.88rem}.estructura125-dock,.estructura125-explore-info,.estructura125-finish{min-width:0;max-width:calc(100% - 28px)}
}
@media(max-width:430px){
  .estructura125-top{border-radius:19px}.estructura125-board{border-radius:20px}.estructura125-top p{font-size:.86rem}.estructura125-top h2{font-size:1.45rem}.estructura125-main,.estructura125-side{padding:11px}.estructura125-prompt{padding:15px 13px 11px}.estructura125-stage-wrap{padding:0 11px 13px}.estructura125-prompt h3{font-size:1.22rem}.estructura125-prompt p{font-size:.84rem}.estructura125-view-switch{gap:5px;padding:8px}.estructura125-view-switch button{min-height:49px;font-size:.64rem}.estructura125-stage{border-radius:15px}.estructura125-stage-footer{display:grid}.estructura125-zoom{width:100%;justify-content:center}.estructura125-actions{grid-template-columns:1fr}.estructura125-btn.primary{grid-column:auto}.estructura125-placed{max-width:120px;font-size:.62rem;padding:4px 6px}.estructura125-hotspot{width:52px;height:52px}.estructura125-result-overview{gap:4px}.estructura125-result-overview>div{padding:8px 3px}.estructura125-result-overview small{font-size:.62rem}.estructura125-result-row{grid-template-columns:minmax(78px,.95fr) minmax(54px,1fr) auto;gap:6px}
}

@media(min-width:721px){
  .estructura125-route-sheet{align-items:center;padding:24px}.estructura125-route-panel{border-bottom:1px solid var(--ship-border);border-radius:22px}.estructura125-route-handle{display:none}
}
@media(prefers-reduced-motion:reduce){.estructura125-canvas,.estructura125-image,.estructura125-hotspot,.estructura125-hotspot::before,.estructura125-progress i,.estructura125-tag{transition:none}.estructura125-tag.rechazo,.estructura125-hotspot.error{animation:none}}

/* V125.09 · En la cabecera de Estructura del buque solo se muestran los modos; Centro/Volver vive fuera de esta cabecera. */
.estructura125-top.estructura125-mode-only{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;
  min-height:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
.estructura125-top.estructura125-mode-only::after{content:none!important;display:none!important}
.estructura125-mode-only .estructura125-tabs{width:100%;max-width:430px;margin:0 auto}
@media(max-width:720px){
  .estructura125-top.estructura125-mode-only{display:flex!important;padding:0!important}
  .estructura125-mode-only .estructura125-tabs{width:100%;max-width:none}
}


/* V125.12 · Separación y centrado de Entrenar / Explorar en móvil.
   Solo cambia espaciado y tamaño visual; no toca IDs, eventos ni lógica. */
#entrenamientoEstructura{
  padding-top:18px;
}
.estructura125-top.estructura125-mode-only{
  padding:0 16px!important;
}
.estructura125-mode-only .estructura125-tabs{
  width:min(100%,380px)!important;
  max-width:380px!important;
  margin:0 auto!important;
  gap:12px!important;
}
.estructura125-mode-only .estructura125-tabs button{
  flex:1 1 0!important;
  min-width:0!important;
  min-height:46px!important;
  padding:0 14px!important;
}
@media(max-width:430px){
  #entrenamientoEstructura{padding-top:16px}
  .estructura125-top.estructura125-mode-only{padding:0 14px!important}
  .estructura125-mode-only .estructura125-tabs{
    width:min(100%,340px)!important;
    max-width:340px!important;
    gap:10px!important;
  }
  .estructura125-mode-only .estructura125-tabs button{
    min-height:44px!important;
    padding:0 10px!important;
    font-size:.82rem!important;
  }
}


/* V125.13 · Elimina el recuadro visual del bloque de vistas.
   Se conservan botones, IDs, eventos y lógica. */
.estructura125-view-switch{
  border-top:0!important;
  background:transparent!important;
  padding:10px 0 8px!important;
  margin:0 14px!important;
  box-shadow:none!important;
}
@media(max-width:720px){
  .estructura125-view-switch{
    padding:8px 0 6px!important;
    margin:0 10px!important;
  }
}
@media(max-width:430px){
  .estructura125-view-switch{
    padding:6px 0 4px!important;
    margin:0 8px!important;
  }
}


/* V125.14 · Oculta por completo los botones de vistas (Babor, Estribor, Proa, Popa, Superior, Corte y Esloras).
   Los elementos permanecen en el DOM para no romper la lógica interna. */
#estructura46ViewSwitch{
  display:none!important;
}


/* V125.16 · Oculta únicamente la etiqueta/botón de estado inicial "LISTO PARA COMENZAR".
   Durante el ejercicio el mismo control vuelve a mostrarse al habilitarse, conservando toda la lógica. */
#estructura46Tag:disabled{display:none!important}
#estructura46Tag[hidden]{display:none!important}


/* V125.18 · Área interactiva ergonómica dentro del buque.
   El 100% móvil usa una base de trabajo adaptada a la densidad de cada vista.
   No se agrandan los botones externos ni se inflan los puntos: el lienzo gana espacio real. */
@media(max-width:720px){
  .estructura125-stage{
    touch-action:pan-x pan-y;
    overscroll-behavior:contain;
  }
  .estructura125-canvas{
    max-width:none!important;
    min-width:0!important;
  }
  .estructura125-image{
    max-width:none!important;
  }
  .estructura125-hotspot{
    width:44px!important;
    height:44px!important;
  }
}


/* V125.19 · Explorar recupera el selector de vista usando la misma hoja de Recorrido.
   Solo se muestra el selector; no aparecen Orden aleatorio, etiqueta ni zoom del entrenamiento. */
.estructura125-board[data-mode="explorar"] .estructura125-dock{
  grid-column:2;
  grid-row:3;
  align-self:start;
}
.estructura125-board[data-mode="explorar"] .estructura125-dock .estructura46-dock-copy,
.estructura125-board[data-mode="explorar"] .estructura125-dock .estructura125-zoom,
.estructura125-board[data-mode="explorar"] #estructura125Aleatorio{
  display:none!important;
}
.estructura125-board[data-mode="explorar"] .estructura125-setup{
  padding-bottom:0;
  border-bottom:0;
}
.estructura125-board[data-mode="explorar"] .estructura125-explore-info{
  grid-column:2;
  grid-row:4;
}
@media(max-width:900px){
  .estructura125-board[data-mode="explorar"] .estructura125-dock,
  .estructura125-board[data-mode="explorar"] .estructura125-explore-info{
    grid-column:1;
    grid-row:auto;
  }
}


/* V125.32 · Líneas guía en lugar de puntos sobre el buque.
   El extremo de cada línea es la zona táctil; las etiquetas correctas se colocan
   en esos extremos para mantener el dibujo despejado, especialmente en Corte y Esloras. */
.estructura125-guide-svg{
  position:absolute!important;inset:0!important;z-index:1!important;display:block!important;
  width:100%!important;height:100%!important;overflow:visible!important;pointer-events:none!important;
}
.estructura125-guide-line{
  fill:none!important;stroke:rgba(133,226,224,.52)!important;stroke-width:1.5!important;
  stroke-linecap:round!important;vector-effect:non-scaling-stroke!important;opacity:.82!important;
  transition:stroke .16s ease,opacity .16s ease,stroke-width .16s ease!important;
}
.estructura125-board.etiqueta-activa .estructura125-guide-line,
.estructura125-board[data-mode="explorar"] .estructura125-guide-line{
  stroke:rgba(170,244,239,.72)!important;opacity:.96!important;
}
.estructura125-guide-line.pista{stroke:#ffd166!important;stroke-width:2.2!important;opacity:1!important}
.estructura125-guide-line.acierto{stroke:#63e6a1!important;stroke-width:2.2!important;opacity:1!important}
.estructura125-guide-line.error{stroke:#ff6b78!important;stroke-width:2.2!important;opacity:1!important}

.estructura125-hotspot.estructura125-line-target{
  z-index:4!important;width:52px!important;height:38px!important;padding:0!important;border:0!important;
  border-radius:10px!important;background:transparent!important;box-shadow:none!important;
  transform:translate(-50%,-50%)!important;pointer-events:auto!important;touch-action:manipulation!important;
}
.estructura125-hotspot.estructura125-line-target::before{
  content:""!important;position:absolute!important;left:8px!important;right:8px!important;top:50%!important;
  inset:auto 8px auto 8px!important;height:2px!important;border:0!important;border-radius:999px!important;
  background:rgba(133,226,224,.72)!important;box-shadow:0 0 10px rgba(62,211,204,.12)!important;
  transform:translateY(-50%)!important;transition:background .16s ease,box-shadow .16s ease,height .16s ease!important;
}
.estructura125-hotspot.estructura125-line-target::after{
  content:""!important;position:absolute!important;left:7px!important;right:7px!important;top:10px!important;bottom:10px!important;
  inset:10px 7px!important;display:block!important;border:0!important;border-left:2px solid rgba(133,226,224,.68)!important;
  border-right:2px solid rgba(133,226,224,.68)!important;border-radius:2px!important;background:transparent!important;
  color:transparent!important;font-size:0!important;opacity:.78!important;transform:none!important;
  transition:border-color .16s ease,opacity .16s ease!important;
}
.estructura125-board:not([data-mode="explorar"]):not(.etiqueta-activa) .estructura125-hotspot.estructura125-line-target::before{
  inset:auto 10px auto 10px!important;height:1.5px!important;background:rgba(133,226,224,.46)!important;box-shadow:none!important;
}
.estructura125-board:not([data-mode="explorar"]):not(.etiqueta-activa) .estructura125-hotspot.estructura125-line-target::after{
  inset:11px 9px!important;border-color:rgba(133,226,224,.42)!important;opacity:.66!important;
}
.estructura125-hotspot.estructura125-line-target:hover::before,
.estructura125-hotspot.estructura125-line-target:focus-visible::before{
  inset:auto 5px auto 5px!important;height:3px!important;border:0!important;background:#aaf4ef!important;
  box-shadow:0 0 0 5px rgba(81,200,197,.09),0 0 18px rgba(62,211,204,.24)!important;
}
.estructura125-hotspot.estructura125-line-target:hover::after,
.estructura125-hotspot.estructura125-line-target:focus-visible::after{
  inset:8px 4px!important;border-color:#aaf4ef!important;opacity:1!important;
}
.estructura125-hotspot.estructura125-line-target.pista::before{inset:auto 5px auto 5px!important;height:3px!important;background:#ffd166!important;box-shadow:0 0 0 5px rgba(255,209,102,.10)!important}
.estructura125-hotspot.estructura125-line-target.pista::after{inset:8px 4px!important;border-color:#ffd166!important;opacity:1!important}
.estructura125-hotspot.estructura125-line-target.acierto::before{inset:auto 5px auto 5px!important;height:3px!important;background:#63e6a1!important;box-shadow:0 0 0 5px rgba(61,220,139,.10)!important}
.estructura125-hotspot.estructura125-line-target.acierto::after{content:""!important;inset:8px 4px!important;border-color:#63e6a1!important;opacity:1!important}
.estructura125-hotspot.estructura125-line-target.error::before{inset:auto 5px auto 5px!important;height:3px!important;background:#ff6b78!important;box-shadow:0 0 0 5px rgba(255,88,109,.10)!important}
.estructura125-hotspot.estructura125-line-target.error::after{inset:8px 4px!important;border-color:#ff6b78!important;opacity:1!important}

/* Las etiquetas ya no caen sobre la pieza; aparecen en el extremo de su línea. */
.estructura125-placed{z-index:6!important;max-width:180px!important;padding:6px 9px!important}
@media(max-width:720px){
  .estructura125-hotspot.estructura125-line-target{width:50px!important;height:40px!important}
  .estructura125-guide-line{stroke-width:1.35!important}
  .estructura125-placed{max-width:150px!important;font-size:.66rem!important;padding:5px 7px!important}
}
@media(max-width:430px){
  .estructura125-hotspot.estructura125-line-target{width:48px!important;height:38px!important}
  .estructura125-placed{max-width:132px!important;font-size:.62rem!important;padding:4px 6px!important}
}


/* V125.33 · Guias mas legibles + buque mas alejado en 100%.
   Las lineas ganan contraste y una marca tecnica corta en el punto real.
   No vuelven los circulos: la interaccion sigue ocurriendo en el extremo exterior. */
.estructura125-guide-line{
  stroke:rgba(158,239,235,.82)!important;
  stroke-width:2.05!important;
  opacity:.96!important;
  filter:drop-shadow(0 0 2px rgba(47,198,194,.30))!important;
}
.estructura125-guide-origin{
  stroke:rgba(190,255,250,.96)!important;
  stroke-width:2.45!important;
  opacity:1!important;
}
.estructura125-board.etiqueta-activa .estructura125-guide-line,
.estructura125-board[data-mode="explorar"] .estructura125-guide-line{
  stroke:rgba(190,255,250,.98)!important;
  stroke-width:2.35!important;
  opacity:1!important;
}
.estructura125-board.etiqueta-activa .estructura125-guide-origin,
.estructura125-board[data-mode="explorar"] .estructura125-guide-origin{
  stroke-width:2.8!important;
}
.estructura125-guide-line.pista{stroke-width:3!important;filter:drop-shadow(0 0 3px rgba(255,209,102,.38))!important}
.estructura125-guide-line.acierto{stroke-width:3!important;filter:drop-shadow(0 0 3px rgba(61,220,139,.38))!important}
.estructura125-guide-line.error{stroke-width:3!important;filter:drop-shadow(0 0 3px rgba(255,88,109,.38))!important}

.estructura125-hotspot.estructura125-line-target::before{
  height:3px!important;
  background:rgba(174,248,243,.94)!important;
  box-shadow:0 0 0 1px rgba(4,42,55,.28),0 0 10px rgba(62,211,204,.24)!important;
}
.estructura125-hotspot.estructura125-line-target::after{
  border-left-width:3px!important;
  border-right-width:3px!important;
  border-color:rgba(174,248,243,.92)!important;
  opacity:1!important;
}
.estructura125-board:not([data-mode="explorar"]):not(.etiqueta-activa) .estructura125-hotspot.estructura125-line-target::before{
  height:2px!important;
  background:rgba(158,239,235,.72)!important;
  box-shadow:0 0 0 1px rgba(4,42,55,.18)!important;
}
.estructura125-board:not([data-mode="explorar"]):not(.etiqueta-activa) .estructura125-hotspot.estructura125-line-target::after{
  border-color:rgba(158,239,235,.70)!important;
  opacity:.9!important;
}
@media(max-width:720px){
  .estructura125-guide-line{stroke-width:1.85!important}
  .estructura125-guide-origin{stroke-width:2.25!important}
  .estructura125-board.etiqueta-activa .estructura125-guide-line,
  .estructura125-board[data-mode="explorar"] .estructura125-guide-line{stroke-width:2.15!important}
  .estructura125-guide-line.pista,.estructura125-guide-line.acierto,.estructura125-guide-line.error{stroke-width:2.75!important}
}

/* V125.34 · Etiquetas técnicas profesionales y centradas.
   La etiqueta sustituye visualmente al terminal una vez colocada y su centro
   coincide exactamente con el centro de la línea guía. */
.estructura125-placed,
.estructura125-placed.edge-left,
.estructura125-placed.edge-right,
.estructura125-placed.edge-top,
.estructura125-placed.edge-bottom{
  --label-x:-50%!important;
  --label-y:-50%!important;
  z-index:8!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:max-content!important;
  max-width:176px!important;
  min-height:30px!important;
  padding:6px 10px 6px 7px!important;
  border:1px solid rgba(99,230,161,.62)!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,rgba(9,49,60,.98),rgba(4,34,44,.98))!important;
  color:#effff7!important;
  font-size:.70rem!important;
  font-weight:850!important;
  line-height:1.08!important;
  letter-spacing:.012em!important;
  text-align:center!important;
  white-space:nowrap!important;
  transform:translate(-50%,-50%)!important;
  box-shadow:0 9px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
  text-shadow:none!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}
.estructura125-placed::before{
  content:"✓"!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 17px!important;
  width:17px!important;
  height:17px!important;
  margin:0!important;
  border-radius:5px!important;
  background:#45d78d!important;
  color:#052d25!important;
  font-size:.70rem!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.20)!important;
}
.estructura125-placed.revelado{
  border-color:rgba(255,209,102,.72)!important;
  background:linear-gradient(180deg,rgba(59,48,20,.98),rgba(41,32,11,.98))!important;
  color:#fff6d8!important;
}
.estructura125-placed.revelado::before{
  content:"!"!important;
  background:#ffd166!important;
  color:#3a2b08!important;
}
.estructura125-placed.mapa{
  border-color:rgba(137,236,231,.58)!important;
  background:linear-gradient(180deg,rgba(8,47,60,.98),rgba(4,33,44,.98))!important;
  color:#e8fffd!important;
}
.estructura125-placed.mapa::before{
  content:""!important;
  display:block!important;
  flex:0 0 3px!important;
  width:3px!important;
  height:16px!important;
  border-radius:999px!important;
  background:#8debe6!important;
  box-shadow:0 0 8px rgba(111,231,224,.22)!important;
}
/* El terminal sigue siendo táctil, pero no compite visualmente con la etiqueta. */
.estructura125-hotspot.estructura125-line-target.etiquetado::before,
.estructura125-hotspot.estructura125-line-target.etiquetado::after{
  opacity:0!important;
  box-shadow:none!important;
}
@media(max-width:720px){
  .estructura125-placed,
  .estructura125-placed.edge-left,
  .estructura125-placed.edge-right,
  .estructura125-placed.edge-top,
  .estructura125-placed.edge-bottom{
    max-width:158px!important;
    min-height:29px!important;
    padding:5px 9px 5px 6px!important;
    border-radius:8px!important;
    font-size:.67rem!important;
    gap:6px!important;
  }
  .estructura125-placed::before{flex-basis:16px!important;width:16px!important;height:16px!important;font-size:.66rem!important}
}
@media(max-width:430px){
  .estructura125-placed,
  .estructura125-placed.edge-left,
  .estructura125-placed.edge-right,
  .estructura125-placed.edge-top,
  .estructura125-placed.edge-bottom{
    max-width:148px!important;
    min-height:28px!important;
    padding:5px 8px 5px 6px!important;
    font-size:.65rem!important;
  }
}

/* V125.59 · Sistema visual de producción y mesa móvil compacta. */
#entrenamientoEstructura{
  --ship-drawing-bg:#071d27;
  --ship-drawing-border:#274652;
}
.estructura125-board{
  border-radius:20px;
  box-shadow:0 14px 38px rgba(6,38,52,.09);
}
.estructura125-status>div{padding-block:11px}
.estructura125-progress{height:4px}
.estructura125-prompt{display:grid;gap:11px;padding-bottom:14px}
.estructura125-prompt>small,.estructura125-prompt>h3,.estructura125-prompt>p{margin-block:0}
.estructura125-view-context{
  display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;
  min-width:0;padding:9px 11px;border:1px solid var(--ship-border);border-radius:12px;
  background:color-mix(in srgb,var(--ship-bg) 72%,var(--ship-card));
}
.estructura125-view-code{
  display:grid;place-items:center;width:42px;height:34px;border-radius:8px;
  background:#102f3b;color:#c7dcdf;font-size:.76rem;font-weight:900;letter-spacing:.08em;
}
.estructura125-view-copy{display:grid;gap:2px;min-width:0}
.estructura125-view-copy strong{color:var(--ship-ink);font-size:.88rem;line-height:1.2}
.estructura125-view-copy small,.estructura125-view-count{color:var(--ship-muted);font-size:.75rem;line-height:1.25}
.estructura125-view-count{white-space:nowrap}
.estructura125-stage{
  overflow:auto;border-color:var(--ship-drawing-border);border-radius:16px;
  background:var(--ship-drawing-bg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.estructura125-stage::after{border-radius:15px;box-shadow:inset 0 0 30px rgba(1,12,19,.12)}
.estructura125-image{transition:opacity .15s ease,filter .15s ease}
.estructura125-card{border-radius:14px}
.estructura125-dock{gap:9px;box-shadow:0 8px 22px rgba(6,38,52,.07)}
.estructura125-board[data-phase="listo"] .estructura46-dock-copy{display:none}

.estructura125-route-panel{width:min(calc(100% - 32px),720px);max-height:min(88dvh,720px)}
.estructura125-route-options{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
  max-height:calc(min(88dvh,720px) - 82px);padding:12px;
}
.estructura125-route-group{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;
  min-width:0;padding:10px;border:1px solid var(--ship-border);border-radius:13px;
  background:color-mix(in srgb,var(--ship-bg) 58%,var(--ship-card));
}
.estructura125-route-group[hidden]{display:none!important}
.estructura125-route-group h4{
  grid-column:1/-1;margin:0 2px 2px;color:var(--ship-muted);font-size:.72rem;
  font-weight:900;letter-spacing:.075em;text-transform:uppercase;
}
.estructura125-route-options .estructura125-route-group button{
  min-height:52px;padding:8px;border-color:color-mix(in srgb,var(--ship-border) 76%,transparent);
  border-radius:10px;background:var(--ship-card);
}
.estructura125-route-options .estructura125-route-group button+button{margin-top:0}
.estructura125-route-options button strong{font-size:.84rem;line-height:1.15}
.estructura125-route-options button small{font-size:.72rem}
.estructura125-route-options button>i{width:18px;height:18px;border-width:1.5px}
.estructura125-route-options button[aria-checked="true"]>i{box-shadow:inset 0 0 0 3px var(--ship-card)}

/* Las guías permanecen disponibles sin competir con el dibujo. */
.estructura125-guide-line{
  stroke:rgba(154,184,189,.58)!important;stroke-width:1.45!important;opacity:.15!important;
  filter:none!important;transition:stroke .15s ease,opacity .15s ease,stroke-width .15s ease!important;
}
.estructura125-guide-origin{stroke:rgba(181,205,208,.72)!important;stroke-width:1.8!important;opacity:.28!important}
.estructura125-hotspot.estructura125-line-target::before{
  left:13px!important;right:13px!important;height:2px!important;
  background:rgba(169,196,199,.54)!important;box-shadow:none!important;
}
.estructura125-hotspot.estructura125-line-target::after{
  inset:13px 12px!important;border-left-width:2px!important;border-right-width:2px!important;
  border-color:rgba(169,196,199,.48)!important;opacity:.55!important;
}
.estructura125-board.etiqueta-activa .estructura125-guide-line,
.estructura125-board[data-mode="explorar"] .estructura125-guide-line{
  stroke:rgba(177,219,219,.90)!important;stroke-width:1.8!important;opacity:.82!important;filter:none!important;
}
.estructura125-board.etiqueta-activa .estructura125-guide-origin,
.estructura125-board[data-mode="explorar"] .estructura125-guide-origin{stroke-width:2.1!important;opacity:.9!important}
.estructura125-board.etiqueta-activa .estructura125-hotspot.estructura125-line-target::before,
.estructura125-board[data-mode="explorar"] .estructura125-hotspot.estructura125-line-target::before{background:rgba(190,229,228,.88)!important}
.estructura125-board.etiqueta-activa .estructura125-hotspot.estructura125-line-target::after,
.estructura125-board[data-mode="explorar"] .estructura125-hotspot.estructura125-line-target::after{border-color:rgba(190,229,228,.82)!important;opacity:.9!important}
.estructura125-guide-line.pista,.estructura125-guide-line.acierto,.estructura125-guide-line.error{stroke-width:2.35!important;opacity:1!important;filter:none!important}

@media(max-width:720px){
  #entrenamientoEstructura{padding-bottom:16px}
  .estructura125-shell{gap:10px}
  .estructura125-board{border-radius:16px}
  .estructura125-status>div{min-height:44px;padding:6px 4px}
  .estructura125-status small{font-size:.64rem}
  .estructura125-status b{font-size:.86rem}
  .estructura125-prompt{gap:8px;padding:12px 11px 10px}
  .estructura125-prompt h3{font-size:1.08rem}
  .estructura125-prompt p{font-size:.82rem;line-height:1.38}
  .estructura125-board[data-phase="jugando"] .estructura125-prompt>p{display:none}
  .estructura125-view-context{grid-template-columns:38px minmax(0,1fr);gap:9px;padding:7px 8px}
  .estructura125-view-code{width:38px;height:32px}
  .estructura125-view-copy strong{font-size:.84rem}
  .estructura125-view-copy small{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .estructura125-view-count{grid-column:2;font-size:.7rem;white-space:normal}
  .estructura125-stage-wrap{padding:0 8px 10px}
  .estructura125-stage{border-radius:12px;touch-action:pan-x pan-y}
  .estructura125-stage::after{border-radius:11px}
  .estructura125-canvas{width:100%;min-width:100%!important;max-width:none!important}
  .estructura125-image{width:100%;min-width:0;max-width:none!important}
  .estructura125-dock{margin:9px;max-width:calc(100% - 18px);padding:11px;gap:8px}
  .estructura125-board[data-phase="jugando"] .estructura125-dock{grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .estructura125-board[data-phase="jugando"] .estructura46-dock-copy{gap:5px}
  .estructura125-board[data-phase="jugando"] .estructura125-zoom{align-self:stretch}
  .estructura125-tag{min-height:50px;padding:9px 10px;border-width:1px;border-radius:11px;font-size:.88rem;box-shadow:none}
  .estructura46-dock-copy small{font-size:.73rem;line-height:1.3}
  .estructura125-zoom button{min-width:42px;height:44px;border-radius:10px}
  .estructura125-zoom #estructura46ZoomReset{min-width:57px;padding-inline:6px}
  .estructura125-feedback{margin:0 9px 9px}
  .estructura125-actions{margin:0 9px 10px}
  .estructura125-hotspot.estructura125-line-target{width:48px!important;height:48px!important}
  .estructura125-guide-line{stroke-width:1.25!important}
  .estructura125-board.etiqueta-activa .estructura125-guide-line,
  .estructura125-board[data-mode="explorar"] .estructura125-guide-line{stroke-width:1.65!important}
  .estructura125-route-panel{width:100%;max-height:min(90dvh,760px);border-radius:18px 18px 0 0}
  .estructura125-route-options{grid-template-columns:1fr;gap:8px;max-height:calc(min(90dvh,760px) - 76px);padding:9px}
  .estructura125-route-group{padding:8px;gap:5px}
  .estructura125-route-options .estructura125-route-group button{min-height:50px;padding:7px}
}
@media(max-width:390px){
  .estructura125-board[data-phase="jugando"] .estructura125-dock{grid-template-columns:1fr}
  .estructura125-board[data-phase="jugando"] .estructura125-zoom{justify-content:center}
  .estructura125-setup{gap:7px}
  .estructura125-setup .estructura125-route-trigger{min-height:50px}
  .estructura125-route-options button strong{font-size:.8rem}
  .estructura125-route-options button small{font-size:.69rem}
}
@media(prefers-reduced-motion:reduce){
  .estructura125-route-chevron,.estructura125-route-trigger,.estructura125-guide-line,.estructura125-guide-origin{transition:none!important}
}
