/* HILO · Anonimizar documentos · el aspecto de la herramienta (la caja, la zona, la revisión, las descargas).
   Lo usan la página de prueba (/motor-anonimizar/prueba/) y las páginas de anonimizar (rama anon/paginas). */
.an-nube{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 20px}
.an-nube.an-sin-red{background:#e9f5ee;color:#1f5c3d;border-radius:8px;padding:8px 12px}
.an-caja{overflow-anchor:none;background:#fff;border:1px solid #e3e6ee;border-radius:14px;padding:22px;box-shadow:0 1px 2px rgba(20,30,60,.04)}
.an-zona{display:block;border:2px dashed #c4cae0;border-radius:12px;padding:34px 16px;text-align:center;cursor:pointer;background:#fafbfe}
.an-zona.encima{border-color:var(--accent);background:#eef0fd}
.an-zona strong{display:block;font-size:17px;margin-bottom:4px}
.an-zona small{color:#6b7185;font-size:13px}
.an-zona input{position:absolute;width:1px;height:1px;opacity:0}
.an-archivo{margin:14px 0 0;font-size:14.5px;line-height:1.5}
.an-fila{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px}
.an-btn{font:inherit;font-weight:600;font-size:16px;padding:12px 22px;border-radius:10px;border:0;background:var(--accent);color:#fff;cursor:pointer}
.an-btn:disabled{opacity:.5;cursor:default}
.an-btn.sec{background:#fff;color:var(--accent);border:1px solid #c4cae0}
.an-btn.chico{font-size:14px;padding:7px 12px}
.an-nota{font-size:13.5px;color:#5a6075;line-height:1.5;margin:10px 0 0}
.an-barra{height:10px;border-radius:6px;background:#e6e9f4;overflow:hidden;margin:12px 0 6px}
.an-barra i{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}
.an-etapa{font-size:14.5px}
.an-no-cerrar{font-size:13px;color:#8a5a00;margin-top:4px}
/* Los dos carteles que no pueden pasar desapercibidos, en el celular y en la computadora (pedido del dueño, 03/11/2026):
   el aviso antes de la primera descarga y el avance mientras se trabaja. Los colores del aviso de cuidado, con borde,
   texto grande y el botón bien visible (a todo el ancho en el celular). La barra sin medida (una etapa sin avance que se
   pueda contar, como preparar el detector después de la descarga) queda llena y con rayas en movimiento. */
.an-cartel{background:#fdf3e1;color:#4d3200;border:2px solid #efc874;border-left-width:7px;border-radius:12px;padding:18px 18px 16px;box-shadow:0 2px 10px rgba(176,116,43,.15)}
.an-cartel-texto{font-size:18px;line-height:1.55;margin:0;font-weight:500}
.an-cartel .an-fila{margin-top:16px}
.an-btn.grande{font-size:18px;padding:14px 28px;box-shadow:0 2px 8px rgba(20,30,60,.2)}
.an-cartel .an-etapa{font-size:19px;font-weight:700;line-height:1.4;margin:0}
.an-cartel .an-barra{height:18px;border-radius:9px;background:#fff;border:1px solid #e8d3a6;margin:14px 0 8px}
.an-barra.sin-medida i{background-image:linear-gradient(45deg,rgba(255,255,255,.35) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.35) 75%,transparent 75%);background-size:28px 28px;animation:an-rayas 1s linear infinite}
@keyframes an-rayas{to{background-position:28px 0}}
/* El aviso sin cupo (rama anon/sesion-planes): el de los avisos comunes, con su nota chica y el botón normal. */
.an-sin-cupo .an-sin-cupo-texto{margin:0}
.an-sin-cupo .an-nota{margin-top:6px}
.an-sin-cupo .an-fila{margin-top:12px}
.an-cifras{font-size:17px;font-weight:600;margin:0;min-height:1.4em;font-variant-numeric:tabular-nums}
.an-cartel .an-no-cerrar{font-size:16px;font-weight:600;margin:10px 0 0}
@media (max-width:600px){.an-cartel{padding:14px 14px 14px}.an-cartel-texto{font-size:17px;line-height:1.5}.an-cartel .an-fila{margin-top:14px}.an-cartel .an-btn{width:100%}}
@media (prefers-reduced-motion:reduce){.an-barra.sin-medida i{animation:none}}
.an-resumen{font-size:18px;font-weight:600;margin:0 0 12px}
.an-caja h2, .an-caja h3{font-family:var(--disp);font-size:19px;margin:22px 0 8px}
.an-lista{list-style:none;margin:0;padding:0;border:1px solid #e3e6ee;border-radius:10px;background:#fff}
.an-lista li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-top:1px solid #eef0f5;font-size:14.5px;line-height:1.45}
.an-lista li:first-child{border-top:0}
.an-lista label{display:flex;gap:10px;align-items:flex-start;flex:1;cursor:pointer}
.an-codigo{font-family:var(--mono);font-size:13px;background:#eef0fd;color:#2e3a8c;border-radius:6px;padding:1px 6px;white-space:nowrap}
.an-veces{color:#6b7185;font-size:13px;white-space:nowrap}
.an-frase{display:block;color:#4a5068;font-size:13.5px;margin-top:3px}
.an-frase mark{background:#ffe9a8;padding:0 1px}
.an-duda{background:#fffaf0}
.an-duda .an-acciones{display:flex;gap:6px;flex:none}
/* Lo elegido en una duda se ve distinto del botón (antes era del mismo color y no se notaba): «✓ Reemplazar» en verde
   lleno, «✓ Dejar» en gris lleno; y el renglón cambia: verde suave si se reemplaza, gris si queda. */
.an-acciones .an-si{background:#fff;color:#3f6a12;border:1px solid #9cc26a}
.an-acciones .an-no{background:#fff;color:var(--muted);border:1px solid #c9ccd6}
.an-acciones .an-si.an-elegido{background:#639922;border-color:#639922;color:#fff}
.an-acciones .an-no.an-elegido{background:#656B78;border-color:#656B78;color:#fff}
.an-lista li.an-sera{background:#f1f7e8}
.an-lista li.an-queda{background:#f4f5f8}
.an-lista li.an-queda .an-frase mark{background:#e3e5ec}
.an-todas{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.an-aviso{border-radius:10px;padding:12px 14px;font-size:14.5px;line-height:1.5;margin:12px 0}
.an-aviso.ok{background:#e9f5ee;color:#1f5c3d}
.an-aviso.cuidado{background:#fdf3e1;color:#6b4300}
.an-aviso.mal{background:#fdeaea;color:#8a1f1f}
.an-sin-cupo .an-btn{display:inline-block;margin-top:10px;text-decoration:none}
.an-descargas{display:grid;gap:10px;margin-top:10px}
.an-descargas .an-btn{width:100%;text-align:left}
.an-descargas small{display:block;font-weight:400;font-size:13px;opacity:.9}
.an-avanzado{margin-top:16px;font-size:14px}
.an-avanzado summary{cursor:pointer;color:#4a5068}
.oculto{display:none!important}
.an-caja select{font:inherit;padding:6px 8px;border-radius:8px;border:1px solid #c4cae0;background:#fff}