/* Fold · QUÉ ENVÍA ESTE FOLD A FOLD BURNAO (13/10/2026) · Cuenta › Privacidad, solo en un Fold instalado. Y la caja de
   «Enviar a Fold Burnao» de Soporte. Fichero propio y prefijo qe- (interfaz en calma: sin colores de aviso). Lo carga
   que-envia.js con un <link>: la CSP (style-src 'self') no deja estilos en línea. */
.qe { display: flex; flex-direction: column; gap: 8px; padding-top: 12px; border-top: 1px solid var(--costura); margin-top: 12px; }
.qe-nota { margin: 0; font-size: .88rem; color: var(--papel-tenue); overflow-wrap: anywhere; }
.qe-apartado { margin: 8px 0 0; font-weight: 650; font-size: .95rem; color: var(--papel); }
/* (auditoría visual #8, 28/10/2026) Solo lo que es cada cosa, en una columna: el nombre interno del campo ya no se pinta. */
.qe-lista { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; }
.qe-fila { padding: 6px 0; border-top: 1px solid var(--costura); }
.qe-fila:first-child { border-top: 0; }
.qe-que { margin: 0; font-size: .9rem; color: var(--papel); overflow-wrap: anywhere; }
.qe-siempre { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 6px; }
.qe-interruptor { display: flex; flex-direction: column; gap: 4px; padding: 8px 0; }
.qe-etiqueta { display: inline-flex; align-items: center; gap: 10px; min-height: var(--calma-alto, 40px); font-size: .95rem; color: var(--papel); cursor: pointer; }
.qe-etiqueta input { width: 20px; height: 20px; flex: none; accent-color: var(--cobalto); }
.qe-etiqueta input:disabled { cursor: default; }
.qe-etiqueta input:focus-visible, .qe-detalle summary:focus-visible { outline: 2px solid var(--cobalto); outline-offset: 2px; }
.qe-estado { margin: 0; font-size: .88rem; color: var(--papel-tenue); }
.qe-detalle { font-size: .9rem; color: var(--papel); }
.qe-detalle summary { cursor: pointer; color: var(--papel-tenue); padding: 4px 0; }
/* Soporte › «Enviar a Fold Burnao»: la caja que enseña lo que va a salir. */
.qe-envio { display: flex; flex-direction: column; gap: 8px; }
.qe-envio[hidden], .qe-envio-resultado[hidden], .qe-secundario[hidden] { display: none; }
/* «Enviar a Fold Burnao», al lado de «Guardar incidencia»: secundario (un solo botón lleno por grupo). */
.qe-secundario { align-self: flex-start; justify-self: start; width: fit-content; min-height: var(--calma-alto, 40px); padding: 0 16px; border: 1px solid var(--costura); border-radius: 10px; background: transparent; color: var(--papel); font: inherit; font-weight: 600; cursor: pointer; }
.qe-secundario:hover { border-color: var(--cobalto); }
.qe-secundario:focus-visible { outline: 2px solid var(--cobalto); outline-offset: 2px; }
.qe-secundario:disabled { opacity: .6; cursor: default; }
.qe-envio h3 { margin: 0; font-size: 1rem; font-weight: 650; color: var(--papel); }
.qe-envio textarea { width: 100%; box-sizing: border-box; }
.qe-envio pre { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .84rem; max-width: 100%; box-sizing: border-box; }
.qe-envio-casilla { display: inline-flex; align-items: center; gap: 10px; min-height: var(--calma-alto, 40px); font-size: .92rem; color: var(--papel); cursor: pointer; }
.qe-envio-casilla input { width: 20px; height: 20px; flex: none; accent-color: var(--cobalto); }
.qe-envio-acciones { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.qe-envio-resultado { margin: 0; font-size: .92rem; color: var(--papel); }
@media (max-width: 560px) {
  .qe-fila { grid-template-columns: 1fr; gap: 2px; }
  .qe-envio-acciones { flex-direction: column; align-items: stretch; }
  .qe-secundario { align-self: stretch; justify-self: stretch; width: 100%; }
}
