html,body{ background:#F8F8F5; }
  .touch-btn{ min-height:48px; } .touch-field{ min-height:48px; }
  input,select,textarea{ font-size:16px; }
  .field-error{ border-color:#dc2626 !important; background:#fef2f2 !important; box-shadow:0 0 0 3px rgba(220,38,38,.20); }
  .step-pane{ display:none; } .step-pane.active{ display:block; animation:fade .3s ease; }
  .via-block{ display:none; } .via-block.active{ display:block; animation:fade .25s ease; }
  @keyframes fade{ from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:translateY(0);} }
  .badge-dot{ width:10px;height:10px;border-radius:50%;display:inline-block; }
  /* Tarjeta seleccionable */
  .pick-card{ transition:.15s; }
  .pick-card:has(:checked){ border-color:#002F6C; background:#eef3fb; box-shadow:0 0 0 3px rgba(0,47,108,.15); }
  .yn-btn:has(:checked){ background:#002F6C; color:#fff; border-color:#002F6C; }
  .chk-card:has(:checked){ background:#eef3fb; border-color:#002F6C; }

  .qa{ background:#fff; border:1px solid #e2e8f0; border-radius:.75rem; padding:1rem; }
  .q-title{ font-weight:700; color:#002F6C; font-size:.9rem; }
  .q-help{ font-size:.72rem; color:#64748b; margin:.15rem 0 .5rem; }
  .q-input{ min-height:48px; width:100%; border:2px solid #cbd5e1; border-radius:.5rem; padding:0 .75rem; outline:none; }
  .q-input:focus,.q-area:focus{ border-color:#002F6C; }
  .q-area{ width:100%; border:2px solid #cbd5e1; border-radius:.5rem; padding:.5rem .75rem; outline:none; }
  .opt{ font-weight:400; font-size:.7rem; color:#94a3b8; }
  .none-note{ font-size:.82rem; color:#15803d; background:#f0fdf4; border:1px solid #86efac; border-radius:.6rem; padding:.7rem .9rem; margin-top:.75rem; }