/* Fold · LA CAJA DE UN ERROR (03/11/2026, errores-que-hacer.js). Qué ha pasado (en negrita), qué hacer, su botón y, plegado,
   «Detalle para soporte». Estilo «Papel»: tokens de estilos.css y paleta.css, sin colores propios. Un error se dice en ámbar
   (no en rojo de alarma): casi siempre tiene arreglo y la frase dice cuál. */
.feq { margin: 8px 0; padding: 12px 14px; border: 1px solid var(--ambar-texto); border-left-width: 4px; border-radius: var(--r-panel, 12px);
  background: var(--ambar-tenue); color: var(--papel, var(--texto)); font-size: .9rem; line-height: 1.45; max-width: 62ch; overflow-wrap: anywhere; }
.feq p { margin: 0; }
.feq-que { font-weight: 700; }
.feq .feq-hacer { margin-top: 2px; }
.feq .feq-acciones { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px; }
.feq-boton { font: inherit; font-weight: 600; min-height: 44px; padding: 0 16px; border-radius: var(--r-control, 8px); cursor: pointer;
  color: var(--sobre-acento, #fff); background: var(--acento, var(--cobalto)); border: 1px solid var(--acento, var(--cobalto)); }
.feq-boton:hover { background: var(--acento-hover, var(--acento)); }
.feq-boton:focus-visible, .feq-detalle summary:focus-visible { outline: 3px solid var(--foco, var(--acento)); outline-offset: 2px; }
.feq-boton:disabled { opacity: .6; cursor: default; }
.feq-detalle { margin-top: 10px; font-size: .78rem; color: var(--texto-2, inherit); }
.feq-detalle summary { cursor: pointer; min-height: 24px; }
.feq-detalle code { display: block; margin-top: 4px; padding: 6px 8px; border-radius: var(--r-control, 8px); background: var(--hundido, transparent);
  font-family: ui-monospace, 'Cascadia Code', Consolas, monospace; white-space: pre-wrap; word-break: break-all; }
/* El detalle bajo una respuesta del chat que no ha llegado. */
.fold-msg .feq-detalle { margin-top: 8px; }
/* Un aviso abajo que es un error: el mismo aviso, con la marca en ámbar. */
.notificacion .aviso.aviso-de-error .marca-estado { background: var(--ambar); }