/* Descarga para imprenta (uso interno). Estilos propios, sin depender del tema. */
.uei-boton {
  display: inline-flex; align-items: center; justify-content: center; gap: .45em;
  font: 600 13px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: #3b4566; background: transparent; border: 1px dashed #9aa4c4; border-radius: 8px;
  padding: .55em .9em; cursor: pointer; transition: background .15s, color .15s, border-color .15s;
}
.uei-boton:hover, .uei-boton:focus-visible { color: #0b1026; background: #eef1fb; border-color: #0b1026; outline: none; }
.uei-boton svg { flex: none; }

.uei-fondo {
  position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center;
  padding: 16px; background: rgba(8, 12, 32, .62); backdrop-filter: blur(3px);
}
.uei-caja {
  position: relative; width: 100%; max-width: 440px; max-height: calc(100vh - 32px); overflow: auto;
  background: #fff linear-gradient(160deg, #f5f7ff 0%, #ffffff 55%); color: #0b1026; border-radius: 14px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .35); padding: 26px 24px 20px;
  font: 15px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; text-align: left;
}
.uei-x { position: absolute; top: 8px; right: 10px; width: 34px; height: 34px; border: 0; background: none; font-size: 26px; line-height: 1; color: #59607a; cursor: pointer; border-radius: 50%; }
.uei-x:hover { background: #eef1fb; color: #0b1026; }
.uei-titulo { display: flex; align-items: center; gap: .5em; margin: 0 0 .5em; font-size: 19px; font-weight: 800; color: #0b1026; }
.uei-titulo svg { width: 20px; height: 20px; color: #c58a00; }
.uei-intro { margin: 0 0 16px; font-size: 13.5px; color: #4a5272; }
.uei-form label, .uei-formatos legend, .uei-sub { display: block; font-weight: 700; font-size: 13px; margin: 0 0 6px; color: #0b1026; }
.uei-fila { display: flex; gap: 8px; }
.uei-input { flex: 1; min-width: 0; font: 600 18px/1 system-ui, sans-serif; letter-spacing: .25em; padding: 10px 12px; border: 1px solid #c4cbe2; border-radius: 8px; background: #fff; color: #0b1026; }
.uei-input:focus { outline: 2px solid #3d5afe; outline-offset: 1px; border-color: transparent; }
.uei-btn { font: 700 14px/1 system-ui, sans-serif; padding: 11px 16px; border: 0; border-radius: 8px; background: #0b1026; color: #fff; cursor: pointer; }
.uei-btn:hover { background: #1d2a63; }
.uei-btn:disabled { opacity: .55; cursor: wait; }
.uei-btn--ancho { width: 100%; margin-top: 14px; padding: 13px 16px; }
.uei-formatos { border: 0; margin: 0; padding: 0; }
.uei-opcion { display: flex; align-items: center; gap: 10px; padding: 9px 12px; margin: 0 0 6px; border: 1px solid #d6dbee; border-radius: 8px; background: #fff; cursor: pointer; font-size: 14px; }
.uei-opcion:has(input:checked) { border-color: #0b1026; background: #eef1fb; }
.uei-opcion input { margin: 0; accent-color: #0b1026; }
.uei-sub { margin-top: 14px; }
.uei-piezas { list-style: none; margin: 0; padding: 0; max-height: 170px; overflow: auto; font-size: 13px; border: 1px solid #e3e7f4; border-radius: 8px; }
.uei-piezas li { padding: 6px 10px; border-bottom: 1px solid #eef0f8; }
.uei-piezas li:last-child { border-bottom: 0; }
.uei-piezas span { color: #59607a; }
.uei-nota { margin: 8px 0 0; font-size: 12.5px; color: #59607a; }
.uei-estado { margin: 12px 0 0; min-height: 1.2em; font-size: 13.5px; color: #4a5272; }
.uei-estado:empty { margin: 0; min-height: 0; }
.uei-estado.es-malo { color: #b3261e; font-weight: 600; }
.uei-estado.es-bien { color: #1e7a3c; font-weight: 600; }