/* La pregunta de vuelta bajo un «no está» (pregunta-vuelta.js, P1 de «menos no lo sé», 27/10/2026). Prefijo vuelta-.
   Un recuadro dentro del folio: la pregunta, sus botones y, solo si se pulsa «Te lo digo», el campo. Mismos botones que el resto del chat. */
.vuelta { margin-top: 14px; padding: 12px 14px; border: 1px solid var(--costura-fuerte, var(--tinta-apagada)); border-radius: var(--r-control, 10px); }
.vuelta-pregunta { margin: 0; font-weight: 600; }
.vuelta .opciones { margin-top: 10px; }
.vuelta-decir { margin-top: 10px; }
.vuelta-decir[hidden], .vuelta-botones[hidden] { display: none; }
.vuelta-etiqueta { display: block; font-weight: 600; margin-bottom: 6px; }
.vuelta-valor { font: inherit; width: 100%; box-sizing: border-box; min-height: 44px; padding: 8px 12px; border: 1px solid var(--tinta-apagada); border-radius: var(--r-control, 10px); background: transparent; color: var(--tinta); }
.vuelta-valor:focus-visible { outline: 2px solid var(--cobalto); outline-offset: 2px; }
.vuelta-nota { margin: 8px 0 0; font-size: .85rem; color: var(--tinta-apagada); }
.vuelta-estado { margin: 8px 0 0; font-size: .9rem; color: var(--tinta-apagada); }
.vuelta-estado:empty { display: none; }
/* El aviso de «no lo guardo» se ve por el peso y por estar junto al campo, con los tokens que la ventana define en los dos temas. */
.vuelta-estado.mal { color: var(--tinta); font-weight: 600; }
.vuelta-hecho { margin: 0; }