/* ═══════════════════════════════════════════════════════════════════════════
   v1.121 · La región «Esquema de circuito» (js/regions/circuito-region.js)
   El dibujo usa `currentColor` (tinta) y el cian de nodos y corrientes de las
   guías de Física 3 (#0E7490), que en el tema oscuro se aclara para que se lea.
   ═══════════════════════════════════════════════════════════════════════════ */
.esci-circuito { --esci-circuito-acento: #0E7490; }
:root[data-theme="dark"] .esci-circuito { --esci-circuito-acento: #5ec8de; }
.esci-circuito > .esci-body { display: flex; flex-direction: column; height: 100%; min-height: 0; padding: 0; }
.esci-cir-barra { display: flex; align-items: center; gap: 4px; padding: 4px 6px; border-bottom: 1px solid var(--line-soft); background: var(--chassis); flex: none; min-width: 0; height: 36px; box-sizing: border-box; }
.esci-cir-barra .esci-ibtn { min-width: 28px; height: 28px; gap: 4px; }
/* v1.125.1 · región estrecha (la pone _acomodaBarra cuando la barra no cabe):
   los botones con su icono solo (el nombre sigue en el globo y en aria-label)
   y la casilla ω más corta; antes, a 380 px, la barra se salía de la región */
.esci-circuito.es-barra-corta .esci-cir-bt span { display: none; }
/* y lo que también está en el menú «⋯» de la región (el ojo) o no hace
   falta (el rayo de adorno; la ω en continua) se esconde; si aún no cabe,
   la barra se desliza a lo ancho en vez de salirse de la región */
.esci-circuito.es-barra-corta .esci-cir-logo, .esci-circuito.es-barra-corta [data-cir="ojo"], .esci-circuito.es-barra-corta.es-cc .esci-cir-wlab { display: none; }
/* en alterna, la paleta (también en el menú «⋯») deja sitio a la ω, y el «ω =»
   lo dice la casilla (su globo y su «ω» de muestra) */
.esci-circuito.es-barra-corta:not(.es-cc) [data-cir="paleta"] { display: none; }
.esci-circuito.es-barra-corta .esci-cir-wlab { font-size: 0; gap: 0; }
.esci-circuito.es-barra-corta .esci-cir-barra { gap: 2px; padding: 4px 4px; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; }
.esci-circuito.es-barra-corta .esci-cir-barra .esci-ibtn { min-width: 26px; flex: none; }
.esci-circuito.es-barra-corta .esci-cir-barra input.esci-cir-w.esci-cir-w { width: 3.8em; }
.esci-cir-barra .esci-ibtn.is-on { background: var(--accent-soft); color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent-ring); }
.esci-cir-bt span { font-size: var(--fs-label); font-weight: 600; }
.esci-cir-logo { color: var(--esci-circuito-acento); font-size: 13px; margin: 0 2px 0 4px; }
.esci-cir-hueco { flex: 1; }
.esci-cir-piezas, .esci-cir-modo { height: 26px; font: inherit; font-size: var(--fs-ui-sm); color: var(--ink); background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-sm); padding: 0 4px; }
.esci-cir-piezas { max-width: 170px; }
.esci-cir-wlab { display: inline-flex; white-space: nowrap; align-items: center; gap: 3px; font-size: var(--fs-ui-sm); color: var(--ink-3); }
.esci-cir-barra input.esci-cir-w.esci-cir-w { width: 6.5em; height: 26px; font: inherit; font-size: var(--fs-ui-sm); padding: 0 5px; border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--paper); color: var(--ink); }

.esci-cir-lienzo { flex: 1; min-height: 0; overflow: hidden; background: var(--paper); cursor: default; touch-action: none; }
/* v1.123 · los punteros: los pone la región (ESCI.Cursores.circuito) en el lienzo y,
   con `es-cursor-propio`, todo lo de dentro lo hereda. Las reglas de las
   herramientas que siguen son el RESPALDO si cursores.js faltara: ya no la
   `crosshair` del sistema (1 px, «algo blanco» en Windows) ni el «prohibido»
   para borrar, sino los mismos dibujos por sus variables de CSS. */
.esci-cir-lienzo.es-cursor-propio .esci-cir-svg, .esci-cir-lienzo.es-cursor-propio .esci-cir-svg * { cursor: inherit !important; }
.esci-cir-lienzo[data-herr="pieza"] { cursor: var(--esci-cur-colocar, crosshair); }
.esci-cir-lienzo[data-herr="cable"] { cursor: var(--esci-cur-cablear, crosshair); }
.esci-cir-lienzo[data-herr="tierra"] { cursor: var(--esci-cur-tierra, crosshair); }
.esci-cir-lienzo[data-herr="rotulo"] { cursor: var(--esci-cur-nodo, crosshair); }
.esci-cir-lienzo[data-herr="borrar"] { cursor: var(--esci-cur-borrador, cell); }
.esci-cir-svg { display: block; color: var(--ink); }
.esci-cir-rejilla circle { fill: var(--grid-major); }
.esci-cir-hit { fill: none; stroke: transparent; stroke-width: 14px; pointer-events: stroke; }
circle.esci-cir-hit { fill: transparent; stroke: none; pointer-events: all; }
.esci-cir-lienzo[data-herr="sel"] .esci-cir-el { cursor: var(--esci-cur-mano, grab); }
.esci-cir-lienzo[data-herr="borrar"] .esci-cir-el { cursor: var(--esci-cur-borrador, cell); }
.esci-cir-el.is-sel { color: var(--accent); }
.esci-cir-el.is-sel .esci-cir-hit { stroke: var(--accent-soft); }
.esci-cir-hit.es-sel { stroke: var(--accent-soft); }
.esci-cir-lienzo[data-herr="sel"] .esci-cir-golpes .esci-cir-hit { cursor: var(--esci-cur-mano, grab); }
.esci-cir-lienzo[data-herr="borrar"] .esci-cir-golpes .esci-cir-hit { cursor: var(--esci-cur-borrador, cell); }
.esci-cir-lienzo[data-herr="borrar"] .esci-cir-el:hover { color: var(--bad); }
.esci-cir-el.is-err { color: var(--bad); }
.esci-cir-gesto { pointer-events: none; color: var(--accent); }

/* v1.122 · los mensajes ENTEROS: hasta la 1.121 se cortaban con «…» (nowrap)
   y en la tableta no había forma de leerlos; ahora envuelven y el pie se
   desplaza si no caben (el pie no crece: debajo está el dibujo) */
.esci-cir-pie { flex: none; min-height: 58px; max-height: 58px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; border-top: 1px solid var(--line-soft); background: var(--chassis); padding: 3px 8px; box-sizing: border-box; font-size: var(--fs-ui-sm); }
.esci-cir-msg { line-height: 1.35; white-space: normal; overflow-wrap: anywhere; }
.esci-cir-msg sub { font-size: 0.75em; line-height: 0; vertical-align: -0.2em; }
.esci-cir-msg.is-err { color: var(--bad); }
.esci-cir-msg.is-warn { color: var(--copper); }
.esci-cir-msg.is-ok { color: var(--ink-2); }
.esci-cir-msg.is-info { color: var(--ink-3); }
.esci-cir-insp { display: flex; align-items: center; gap: 6px; flex-wrap: nowrap; overflow: hidden; margin-bottom: 2px; }
.esci-cir-insp b { font-weight: 600; color: var(--ink-2); white-space: nowrap; }
.esci-cir-insp label { display: inline-flex; align-items: center; gap: 3px; color: var(--ink-3); white-space: nowrap; }
.esci-cir-insp input.esci-cir-in.esci-cir-in, .esci-cir-insp select.esci-cir-in { height: 24px; font: inherit; font-size: var(--fs-ui-sm); padding: 0 4px; border: 1px solid var(--line); border-radius: var(--r-xs); background: var(--paper); color: var(--ink); }
.esci-cir-insp .esci-ibtn { min-width: 24px; height: 24px; }

/* fase 2: la paleta de la izquierda, los bornes que se iluminan, las asas para
   estirar, la caja de elegir y el menú de plantillas */
.esci-cir-medio { flex: 1; min-height: 0; display: flex; }
.esci-cir-medio > .esci-cir-lienzo { flex: 1; min-width: 0; }
.esci-cir-paleta { flex: none; width: 138px; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; border-right: 1px solid var(--line-soft); background: var(--chassis); padding: 4px 4px 8px; }
.esci-cir-paleta[hidden] { display: none; }
.esci-cir-paleta input.esci-cir-busca.esci-cir-busca { width: 100%; box-sizing: border-box; height: 24px; font: inherit; font-size: var(--fs-ui-sm); padding: 0 6px; border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--paper); color: var(--ink); margin-bottom: 2px; }
.esci-cir-fam[hidden], .esci-cir-item[hidden], .esci-cir-nada[hidden] { display: none; }
.esci-cir-famt { font-size: 10.5px; font-weight: 600; color: var(--ink-3); margin: 6px 2px 2px; line-height: 1.2; }
.esci-cir-items { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.esci-cir-item { display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 3px 1px 2px; border: 1px solid transparent; border-radius: var(--r-sm); background: transparent; color: var(--ink); cursor: var(--esci-cur-mano, grab); touch-action: none; font: inherit; min-width: 0; }
.esci-cir-item:hover { background: var(--paper); border-color: var(--line-soft); }
.esci-cir-item.is-on { background: var(--accent-soft); border-color: var(--accent-ring); color: var(--accent); }
.esci-cir-item:active { cursor: var(--esci-cur-mano-cerrada, grabbing); }
.esci-cir-mini { display: flex; align-items: center; justify-content: center; height: 28px; width: 100%; color: currentColor; pointer-events: none; }
.esci-cir-mini svg { max-width: 52px; max-height: 28px; overflow: visible; }
.esci-cir-mini .fa-solid { font-size: 15px; color: var(--esci-circuito-acento); }
.esci-cir-itemt { font-size: 9.5px; letter-spacing: -0.1px; line-height: 1.15; color: var(--ink-2); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; pointer-events: none; }
.esci-cir-nada { font-size: var(--fs-ui-sm); color: var(--ink-3); padding: 6px 2px; }
.esci-cir-borne { fill: none; stroke: var(--accent); stroke-width: 1.6; pointer-events: none; }
.esci-cir-borne.es-todos { stroke-opacity: 0.45; stroke-width: 1.2; }
.esci-cir-borne.es-sobre { fill: var(--accent-soft); stroke-width: 2.2; }
.esci-cir-asa { fill: var(--paper); stroke: var(--accent); stroke-width: 1.5; cursor: ew-resize; }
.esci-cir-asa.es-v { cursor: ns-resize; }
.esci-cir-caja { fill: var(--accent-soft); fill-opacity: 0.35; stroke: var(--accent); stroke-width: 1; stroke-dasharray: 4 3; pointer-events: none; }
circle.esci-cir-hit.es-anillo { fill: none; stroke: transparent; stroke-width: 12px; pointer-events: stroke; }
rect.esci-cir-hit.es-caja { fill: transparent; stroke: none; pointer-events: all; }
.esci-cir-lienzo[data-herr="sel"] [data-k="etq"] { cursor: var(--esci-cur-mover, move); }
.esci-cir-lienzo[data-herr="corriente"] { cursor: var(--esci-cur-corriente, crosshair); }
.esci-cir-lienzo[data-herr="lazo"] { cursor: var(--esci-cur-lazo, crosshair); }
.esci-cir-lienzo[data-herr="texto"] { cursor: var(--esci-cur-escribir, text); }
.esci-cir-lienzo[data-herr="tension"] { cursor: var(--esci-cur-tension, crosshair); }
.esci-cir-menu { position: absolute; z-index: 20; min-width: 230px; max-height: 300px; overflow-y: auto; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-md, 8px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18); padding: 4px; }
.esci-cir-menut { font-size: 10.5px; font-weight: 600; color: var(--ink-3); padding: 6px 8px 2px; }
.esci-cir-menui { display: block; width: 100%; text-align: left; border: 0; background: transparent; color: var(--ink); font: inherit; font-size: var(--fs-ui-sm); padding: 5px 8px; border-radius: var(--r-sm); cursor: pointer; }
.esci-cir-menui:hover, .esci-cir-menui:focus-visible { background: var(--accent-soft); color: var(--accent); }
.esci-circuito > .esci-body { position: relative; }

/* ═══ v1.122 · la TARJETA de una pieza (js/ui/tarjeta-pieza.js) ═══════════════
   Colgada del <body> con posición fija (no la encoge el zoom de la hoja):
   junto a la pieza en el escritorio, abajo y a lo ancho en tableta y teléfono.
   Por debajo de los avisos (900) y de las ventanas (1000). */
.esci-cir-insp.es-resumen { flex-wrap: wrap; overflow: visible; }
.esci-cir-chip { display: inline-flex; align-items: baseline; gap: 4px; min-height: 26px; max-width: 100%; padding: 2px 8px; border: 1px solid var(--line); border-radius: 13px; background: var(--paper); color: var(--ink); font: inherit; font-size: var(--fs-ui-sm); cursor: pointer; text-align: left; white-space: normal; }
.esci-cir-chip:hover { border-color: var(--accent-ring); background: var(--accent-soft); }
.esci-cir-chip sub, .esci-cir-tarjeta sub { font-size: 0.72em; line-height: 0; vertical-align: -0.25em; }
.esci-cir-falta { color: var(--bad); }
.esci-cir-insp .esci-ibtn.esci-cir-editar { min-width: 0; padding: 0 9px; gap: 5px; font-weight: 600; color: var(--accent); }
.esci-cir-ctl { stroke: var(--esci-circuito-acento); stroke-opacity: 0.22; stroke-width: 12px; stroke-linecap: round; fill: none; }
.esci-cir-ctlt { fill: var(--esci-circuito-acento); font-size: 15px; font-weight: 700; font-family: inherit; }
.esci-cir-ctlf { stroke: var(--esci-circuito-acento); stroke-width: 2; fill: none; }
.esci-cir-ctlp { fill: var(--esci-circuito-acento); stroke: none; }

.esci-cir-tarjeta { position: fixed; z-index: 880; width: 352px; max-width: calc(100vw - 20px); max-height: calc(100vh - 20px); display: flex; flex-direction: column; box-sizing: border-box;
  background: var(--paper); color: var(--ink); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 14px 36px rgba(0, 0, 0, 0.24), 0 2px 6px rgba(0, 0, 0, 0.12);
  font-size: 13px; line-height: 1.35; --esci-circuito-acento: #0E7490; }
:root[data-theme="dark"] .esci-cir-tarjeta { --esci-circuito-acento: #5ec8de; }
.esci-cir-tarjeta[data-modo="abajo"] { left: 50%; right: auto; top: auto; bottom: 0; transform: translateX(-50%); width: min(680px, 100vw); max-width: 100vw; max-height: 58vh; border-radius: 16px 16px 0 0; }
.tj-cab { display: flex; align-items: center; gap: 8px; padding: 6px 6px 6px 12px; border-bottom: 1px solid var(--line-soft); background: var(--chassis); border-radius: 12px 12px 0 0; flex: none; }
.esci-cir-tarjeta[data-modo="abajo"] .tj-cab { border-radius: 16px 16px 0 0; }
.tj-fig { flex: none; display: flex; color: var(--esci-circuito-acento); }
.tj-fig svg { width: 46px; height: 26px; overflow: visible; }
.tj-titulo { flex: 1; min-width: 0; font-size: 14px; }
.tj-titulo b { font-weight: 650; }
.tj-rotcab { color: var(--esci-circuito-acento); font-weight: 600; font-style: italic; }
.tj-cuerpo { overflow-y: auto; padding: 2px 12px 10px; overscroll-behavior: contain; }
.tj-sec { padding: 9px 0; border-bottom: 1px solid var(--line-soft); }
.tj-sec:last-child { border-bottom: 0; }
.tj-sec[hidden] { display: none; }
.tj-sect, .tj-sect2 { display: block; font-size: 11px; font-weight: 650; color: var(--ink-3); margin-bottom: 6px; letter-spacing: 0.02em; }
.tj-sect2 { margin: 6px 0 4px; }
.tj-bt { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 32px; min-width: 32px; padding: 0 10px; box-sizing: border-box;
  border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--ink); font: inherit; font-size: 12.5px; cursor: pointer; touch-action: manipulation; }
.tj-bt:hover { border-color: var(--accent-ring); background: var(--accent-soft); }
.tj-bt.is-on { background: var(--accent-soft); color: var(--accent); border-color: var(--accent-ring); font-weight: 650; }
.tj-bt:focus-visible, .esci-cir-tarjeta .tj-in:focus-visible, .tj-switch:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.tj-bt:disabled { opacity: 0.45; cursor: default; }
.tj-bt[hidden] { display: none; }
.tj-cerrar { border-color: transparent; background: transparent; font-size: 15px; }
.tj-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.tj-fila { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.tj-fila + .tj-fila { margin-top: 6px; }
.esci-cir-tarjeta input.tj-in.tj-in, .esci-cir-tarjeta select.tj-in.tj-in { height: 36px; box-sizing: border-box; font: inherit; font-size: 15px; padding: 0 9px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--ink); min-width: 0; }
.esci-cir-tarjeta input.tj-in.tj-num { width: 7.2em; text-align: right; font-variant-numeric: tabular-nums; }
.esci-cir-tarjeta input.tj-in.tj-ang { width: 4.8em; text-align: right; }
.esci-cir-tarjeta input.tj-in.tj-libre { flex: 1; min-width: 12em; font-family: var(--mono, monospace); font-size: 14px; }
.esci-cir-tarjeta input.tj-in.tj-rot { width: 8em; }
.esci-cir-tarjeta select.tj-in.tj-sel { flex: 1; min-width: 10em; font-size: 13.5px; }
.tj-modos { display: inline-flex; gap: 0; margin-bottom: 8px; border: 1px solid var(--line); border-radius: 9px; overflow: hidden; }
.tj-modos .tj-bt { border: 0; border-radius: 0; min-height: 30px; }
.tj-modos .tj-bt + .tj-bt { border-left: 1px solid var(--line); }
.tj-unidad { min-width: 2.2em; font-size: 15px; font-weight: 600; color: var(--ink-2); }
.tj-letra { font-size: 16px; font-style: italic; font-weight: 600; color: var(--ink-2); }
.tj-flecha { min-width: 36px; padding: 0; font-size: 16px; color: var(--esci-circuito-acento); }
.tj-prefs { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.tj-pref { min-width: 52px; font-size: 14px; font-weight: 600; }
.tj-serie { display: flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 11.5px; color: var(--ink-3); }
.tj-mini { min-height: 26px; min-width: 0; padding: 0 8px; font-size: 11.5px; }
.tj-entendi { margin-top: 9px; padding: 7px 9px; border-radius: 8px; background: var(--chassis); font-size: 13px; overflow-wrap: anywhere; }
.tj-entendi.is-ok { border-left: 3px solid var(--esci-circuito-acento); }
.tj-entendi.is-ok b { font-size: 15px; color: var(--ink); }
.tj-entendi.is-err { border-left: 3px solid var(--bad); color: var(--bad); }
.tj-asi { color: var(--ink-3); }
.tj-escrito, .tj-pend { color: var(--ink-3); font-size: 11.5px; }
.tj-aviso { color: var(--copper); margin-top: 4px; font-size: 12px; }
.tj-info { color: var(--ink-3); margin-top: 4px; font-size: 12px; }
.tj-nota { margin: 4px 0 0; color: var(--ink-3); font-size: 12px; overflow-wrap: anywhere; }
.tj-nota.is-warn { color: var(--copper); }
.tj-etq { font-size: 11.5px; color: var(--ink-3); min-width: 5.5em; }
.tj-sim { font-size: 16px; color: var(--ink-2); }
.tj-fasor { display: block; }
.tj-fasorin { min-width: 0; }
/* el nombre de la fila encima, para que módulo ∠ ángulo y a + jb quepan en una línea */
.tj-polar .tj-etq, .tj-rect .tj-etq { flex-basis: 100%; margin-bottom: -2px; }
.tj-diagrama { width: 128px; height: 128px; margin: 6px auto 0; color: var(--ink-3); }
.tj-diagrama .tj-eje { stroke: currentColor; stroke-width: 1; opacity: 0.6; }
.tj-diagrama .tj-ejet { fill: currentColor; font-size: 9px; font-family: inherit; }
.tj-diagrama .tj-circ { fill: none; stroke: currentColor; stroke-dasharray: 2 3; opacity: 0.45; }
.tj-diagrama .tj-proy { stroke: currentColor; stroke-dasharray: 3 2; opacity: 0.7; }
.tj-diagrama .tj-arco { fill: none; stroke: var(--copper); stroke-width: 1.4; }
.tj-diagrama .tj-vec { stroke: var(--esci-circuito-acento); stroke-width: 2.6; }
.tj-diagrama .tj-punta { fill: var(--esci-circuito-acento); }
.tj-colores { margin-top: 10px; }
.tj-colcab { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.tj-colcab .tj-sect2 { margin: 0 4px 0 0; }
.tj-resistor { margin-top: 6px; }
.tj-resistor svg { display: block; max-width: 100%; height: auto; }
.tj-banda { cursor: pointer; }
.tj-bandastxt { font-size: 12px; color: var(--ink-2); margin-top: 2px; }
.tj-muestras { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.tj-muestra { flex-direction: column; gap: 2px; min-width: 42px; min-height: 44px; padding: 3px 4px; }
.tj-punto { width: 20px; height: 14px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.3); }
.tj-mt { font-size: 10px; color: var(--ink-3); white-space: nowrap; }
.tj-switch { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 6px 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); color: var(--ink); font: inherit; cursor: pointer; text-align: left; }
.tj-pista { position: relative; flex: none; width: 52px; height: 28px; border-radius: 14px; background: var(--line); transition: background 0.15s; }
.tj-perilla { position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); transition: left 0.15s; }
.tj-switch.is-on .tj-pista { background: var(--esci-circuito-acento); }
.tj-switch.is-on .tj-perilla { left: 27px; }
.tj-swt { font-size: 14px; font-weight: 600; }
.tj-ecuacion .tj-ec { font-size: 17px; font-style: italic; font-weight: 600; margin: 8px 0 2px; color: var(--ink); }
.tj-marcado { color: var(--esci-circuito-acento); }
.tj-formula { margin: 2px 0 6px; padding: 3px 0; overflow-x: auto; overflow-y: hidden; font-size: 14px; }
.tj-z { font-size: 13.5px; }
.tj-z b { font-weight: 650; }
.tj-o { color: var(--ink-3); padding: 0 2px; }
.tj-rr { font-size: 13.5px; margin-top: 2px; }
.tj-previa { font-size: 17px; font-style: italic; font-weight: 600; color: var(--esci-circuito-acento); min-width: 2em; }
.tj-avisos:empty { display: none; }
.tj-avisos { margin-top: 4px; }
.tj-ver { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 8px 0 6px; }
.tj-check { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; font-size: 13px; }
.tj-check input { width: 17px; height: 17px; margin: 0; }
.tj-acc { display: flex; flex-wrap: wrap; gap: 6px; }
.tj-borrar { color: var(--bad); }
.tj-desl { color: var(--esci-circuito-acento); font-weight: 600; }
.tj-letlibre { margin-top: 6px; }
.tj-letlibre[hidden] { display: none; }
.tj-letrero { margin-top: 6px; font-size: 13px; }
.tj-letv { font-style: italic; color: var(--esci-circuito-acento); }
.tj-letv.es-fasor { font-weight: 700; }
/* con el dedo: blancos de 44 px (la regla general de 40 px de los botones no alcanza a estos) */
@media (pointer: coarse) {
  .esci-cir-tarjeta .tj-bt, .esci-cir-tarjeta .tj-mini { min-height: 44px; min-width: 44px; }
  .esci-cir-tarjeta input.tj-in.tj-in, .esci-cir-tarjeta select.tj-in.tj-in { height: 44px; font-size: 16px; }
  .esci-cir-tarjeta .tj-modos .tj-bt { min-height: 44px; }
  .tj-check input { width: 24px; height: 24px; }
  .tj-check { min-height: 44px; }
  .esci-cir-insp.es-resumen .esci-ibtn, .esci-cir-insp.es-resumen .esci-cir-chip { min-height: 44px; min-width: 44px; }
}

/* En papel (imprimir y el calco del «PDF fiel»): ni la barra, ni la rejilla, ni
   el inspector, ni lo elegido. Los valores de abajo SÍ salen (en una guía
   impresa son el resultado), sin fondo ni raya de botonera. */
@media print {
  .esci-cir-barra, .esci-cir-rejilla, .esci-cir-insp, .esci-cir-gestos, .esci-cir-paleta, .esci-cir-menu, .esci-cir-tarjeta { display: none !important; }
  .esci-cir-lienzo { background: transparent; }
  .esci-cir-pie { background: transparent; border-top: 0; }
  .esci-cir-el.is-sel { color: inherit; }
  .esci-cir-el.is-sel .esci-cir-hit { stroke: transparent; }
}
.esci-calco .esci-cir-barra, .esci-calco .esci-cir-rejilla, .esci-calco .esci-cir-insp, .esci-calco .esci-cir-gestos, .esci-calco .esci-cir-paleta, .esci-calco .esci-cir-menu, .esci-calco .esci-cir-tarjeta, body.esci-calcando .esci-cir-tarjeta { display: none !important; }
.esci-calco .esci-cir-lienzo { background: transparent; }
.esci-calco .esci-cir-pie { background: transparent; border-top: 0; }
.esci-calco .esci-cir-el.is-sel { color: inherit; }
.esci-calco .esci-cir-el.is-sel .esci-cir-hit { stroke: transparent; }