/* Órdenes 010 y 011 · Recorrido de nueve pasos y campos compartidos.
   Cargar después de ajustes-ui.css; sin cambios en el estado del recorrido. */
#expedienteContenido .exp-pasos.guia-pasos {
  display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); gap:8px;
  margin:24px 0; padding:0; border:0; background:transparent;
}
#expedienteContenido .exp-pasos.guia-pasos button {
  display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between;
  gap:10px; min-width:0; min-height:82px; padding:12px 10px;
  border:1px solid #cbd8e6; border-radius:14px; background:#fdfdfe; color:#435a73;
  font:400 12px/1.4 var(--fuente); text-align:left; overflow-wrap:anywhere;
  box-shadow:inset 0 1px 0 #fff,0 3px 8px -5px #20364e20;
}
#expedienteContenido .exp-pasos.guia-pasos button:hover { border-color:#7c90a4; background:#f1f6fb; }
#expedienteContenido .exp-pasos.guia-pasos button[aria-current="step"] {
  border-color:#2465a2; background:#eaf3fc; color:#194f81; font-weight:650;
  box-shadow:inset 0 0 0 1px #2465a2,0 4px 10px -6px #2465a233;
}
#expedienteContenido .exp-pasos.guia-pasos .exp-paso-num {
  display:grid; place-items:center; flex:none; width:26px; height:26px;
  border-radius:50%; background:#edf2f8; color:#435a73; font:500 12px/1 var(--fuente-mono);
}
#expedienteContenido .exp-pasos.guia-pasos button[aria-current="step"] .exp-paso-num { background:#2465a2; color:#fff; }
#expedienteContenido .exp-pasos.guia-pasos button:focus-visible { outline:3px solid #2465a2; outline-offset:3px; }
@media (min-width:601px) and (max-width:1100px) {
  #expedienteContenido .exp-pasos.guia-pasos { grid-template-columns:repeat(10,minmax(0,1fr)); }
  #expedienteContenido .exp-pasos.guia-pasos button { grid-column:span 2; }
  #expedienteContenido .exp-pasos.guia-pasos button:nth-child(6) { grid-column:2 / span 2; }
}
@media (max-width:600px) {
  #expedienteContenido .exp-pasos.guia-pasos { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-block:18px; }
  #expedienteContenido .exp-pasos.guia-pasos button { min-height:76px; padding:10px; gap:8px; font-size:12px; }
}

#expedienteContenido :is(#cuaRaiz,#rspRaiz) {
  --paso-tinta:#20364e; --paso-texto:#52657a; --paso-acento:#2465a2;
  --paso-linea:#cbd8e6; --paso-control:#7c90a4; --paso-papel:#fdfdfe; --paso-fondo:#f3f7fb;
  min-width:0; padding:clamp(18px,3vw,32px); border:1px solid var(--paso-linea);
  border-radius:24px; background:var(--paso-papel); color:var(--paso-tinta);
  box-shadow:inset 0 1px 0 #fff,0 10px 26px -18px #20364e33;
  overflow-wrap:anywhere; font:400 15px/1.6 var(--fuente);
}
#expedienteContenido :is(#cuaRaiz,#rspRaiz) * { box-sizing:border-box; min-width:0; }
#expedienteContenido :is(#cuaRaiz,#rspRaiz) > .guia-etiqueta {
  display:inline-block; margin:0 0 12px; padding:5px 11px; border-radius:999px;
  background:#eaf3fc; color:#194f81; font-size:11px; line-height:1.6; letter-spacing:.035em;
}
#expedienteContenido :is(#cuaRaiz,#rspRaiz) > h3 { margin:0 0 12px; color:var(--paso-tinta); font-size:clamp(25px,3vw,32px); }
#expedienteContenido :is(#cuaRaiz,#rspRaiz) > p { max-width:80ch; color:var(--paso-texto); font-size:14px; line-height:1.7; }
#expedienteContenido :is(#cuaRaiz,#rspRaiz) h4 { color:var(--paso-tinta); font-size:19px; margin:0 0 12px; }
#expedienteContenido :is(#cuaRaiz,#rspRaiz) .guia-campos { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:18px 0; }
#expedienteContenido :is(#cuaRaiz,#rspRaiz) .admin-campo { gap:6px; }
#expedienteContenido :is(#cuaRaiz,#rspRaiz) .admin-campo label { margin:0; color:var(--paso-tinta); font-size:13px; line-height:1.5; }
#expedienteContenido :is(#cuaRaiz,#rspRaiz) .admin-campo :is(input,select,textarea) {
  width:100%; max-width:100%; min-height:44px; padding:10px 12px;
  border:1px solid var(--paso-control); border-radius:10px; background:#fbfcfe;
  color:var(--paso-tinta); font:400 16px/1.5 var(--fuente); box-shadow:none;
}
#expedienteContenido :is(#cuaRaiz,#rspRaiz) .admin-campo textarea { min-height:110px; resize:vertical; }
#expedienteContenido :is(#cuaRaiz,#rspRaiz) :is(input,textarea)::placeholder { color:#607186; opacity:1; }
#expedienteContenido :is(#cuaRaiz,#rspRaiz) :is(input[type=checkbox],input[type=radio]) { width:18px; height:18px; flex:none; accent-color:var(--paso-acento); vertical-align:middle; margin:0 6px 0 0; }
#expedienteContenido :is(#cuaRaiz,#rspRaiz) .btn { min-height:44px; max-width:100%; padding:10px 16px; font-size:13px; white-space:normal; }
#expedienteContenido :is(#cuaRaiz,#rspRaiz) .enlace { min-height:44px; color:var(--paso-acento); font-size:12px; text-decoration:underline; text-underline-offset:3px; }
#expedienteContenido :is(#cuaRaiz,#rspRaiz) :is(input,select,textarea,button,a,summary):focus-visible { outline:3px solid var(--paso-acento); outline-offset:3px; }
#expedienteContenido :is(#cuaRaiz,#rspRaiz) .guia-pie { margin-top:28px; padding-top:22px; border-color:var(--paso-linea); }
#expedienteContenido :is(#cuaRaiz,#rspRaiz) .exp-guardado { margin:18px 0 0; font-size:12px; color:#26654d; }
#expedienteContenido :is(#cuaRaiz,#rspRaiz) .exp-guardado.error { color:#97392b; }
@media (max-width:600px) {
  #expedienteContenido :is(#cuaRaiz,#rspRaiz) { padding:18px 14px; border-radius:18px; }
  #expedienteContenido :is(#cuaRaiz,#rspRaiz) .guia-campos { gap:12px; }
  #expedienteContenido #rspRaiz .guia-campos { grid-template-columns:minmax(0,1fr); }
}
@media (prefers-reduced-motion:reduce) {
  #expedienteContenido :is(#cuaRaiz,#rspRaiz,.exp-pasos) * { transition:none; animation:none; scroll-behavior:auto; }
}