/* Laboratorio · «Modo avión»: detector de datos. Se carga después de estilos.css. */
.titulo-pieza{font-size:clamp(1.75rem,7vw,2.75rem);line-height:1.12;letter-spacing:-.02em;font-weight:800;text-wrap:balance;max-width:20ch}
.detector{padding-top:28px}
.avion{margin-top:18px;display:flex;gap:.7em;align-items:flex-start;background:var(--niebla);border-left:4px solid var(--verde);border-radius:0 10px 10px 0;padding:.8em 1em;max-width:46em}
.avion-icono{font-size:1.3rem;line-height:1.2;color:var(--verde-f)}
.detector-rejilla{display:grid;gap:24px;margin-top:24px}
.etiqueta-campo{display:flex;align-items:center;gap:.6em;flex-wrap:wrap;font-weight:700;margin-bottom:.45em}
.rotulo{font-size:.8125rem;font-weight:700;color:var(--verde-f);border:1px solid var(--verde);border-radius:999px;padding:.1em .65em}
textarea{width:100%;font:inherit;font-size:1rem;line-height:1.5;color:var(--grafito);background:#fff;border:2px solid var(--gris);border-radius:10px;padding:.8em .9em;resize:vertical;min-height:13em}
textarea:focus-visible{border-color:var(--verde);outline-offset:2px}
.consejo{font-size:.9375rem;color:var(--gris);margin:.5em 0 .8em}
.botonera{display:flex;flex-wrap:wrap;gap:10px}
.botonera .boton{flex:1 1 auto}
.resultado{background:#fff;border:2px solid var(--regla);border-radius:10px;padding:.9em 1em;min-height:13em;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}
.resultado-sinjs{color:var(--gris);white-space:normal}
.resumen{font-weight:650;margin:.7em 0 .5em;min-height:3em}
.aviso-falla{margin-bottom:.8em;padding:.5em .8em;background:var(--hueco);border-radius:6px;font-size:.9375rem}
.copiado{font-size:.9375rem;color:var(--verde-f);min-height:1.4em;margin-top:.5em}
.dato{font:inherit;line-height:1.35;color:inherit;cursor:pointer;position:relative;display:inline;padding:.05em .3em;margin:0 .12em;background:transparent;border:0;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.dato::before,.dato::after{content:"";position:absolute;top:-.08em;bottom:-.08em;width:.4em;border:3px solid var(--verde);transition:transform 350ms cubic-bezier(.34,1.36,.64,1),opacity 250ms ease}
.dato::before{left:-.12em;border-right:0}
.dato::after{right:-.12em;border-left:0}
.dato-etq{display:none;font-weight:750;color:var(--verde-f);letter-spacing:.02em}
.dato[data-tapado="si"] .dato-orig{display:none}
.dato[data-tapado="si"] .dato-etq{display:inline}
.dato[data-tapado="no"]{background:#FFF6D6}
.dato:hover{background:var(--niebla)}
.dato-dudoso::before,.dato-dudoso::after{border-style:dashed;border-color:var(--gris)}
.dato-dudoso .dato-etq{color:var(--gris)}
.dato.entra::before,.dato.entra::after{animation:salta 520ms cubic-bezier(.34,1.36,.64,1) both;animation-delay:calc(var(--i,0) * 140ms)}
.dato.entra::before{--desde:-10px}
.dato.entra::after{--desde:10px}
@keyframes salta{from{opacity:0;transform:translateX(var(--desde)) scaleY(1.5)}to{opacity:1;transform:none}}
.aviso{margin-top:28px;background:#fff;border:1px solid var(--regla);border-radius:10px;padding:1em 1.1em;font-size:.9375rem;max-width:52em;display:grid;gap:.8em}
.fuera{position:fixed;left:-9999px;top:0;opacity:0}
@media (min-width:760px){
  .detector{padding-top:56px}
  .detector-rejilla{grid-template-columns:1fr 1fr;gap:32px;align-items:start}
}
.reenviar{margin-top:24px;display:grid;gap:10px;justify-items:start;padding-top:20px;border-top:1px solid var(--regla)}