/* Orden 010 · Cuantía como cálculo: entrada, valor calculado y resultado. */
#expedienteContenido #cuaRaiz .cua-nota { margin:16px 0 22px; padding:13px 16px; border:1px solid #dce5ef; border-radius:12px; background:#f3f7fb; color:var(--paso-texto); font-size:13px; }
#expedienteContenido #cuaRaiz .cua-bloques { display:grid; gap:24px; }
#expedienteContenido #cuaRaiz .cua-bloque { padding:22px; border:1px solid var(--paso-linea); border-radius:18px; background:var(--paso-papel); }
#expedienteContenido #cuaRaiz .cua-bloque-cab { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px 18px; align-items:center; padding-bottom:18px; border-bottom:1px solid #e1e8f0; }
#expedienteContenido #cuaRaiz .cua-bloque-num { align-self:center; color:var(--paso-acento); font:600 12px/1.5 var(--fuente-mono); }
#expedienteContenido #cuaRaiz .cua-bloque-cab > .guia-campos { grid-column:1/-1; grid-row:2; margin:0; }
#expedienteContenido #cuaRaiz .cua-bloque-cab > .enlace { grid-column:2; grid-row:1; }
#expedienteContenido #cuaRaiz .cua-formula { margin:18px 0; padding:12px 14px; border-radius:10px; background:#edf3f9; color:#304e6b; font:400 13px/1.65 var(--fuente-mono); }
#expedienteContenido #cuaRaiz .cua-formula > span { display:block; margin-bottom:5px; color:var(--paso-texto); font:500 11px/1.5 var(--fuente); letter-spacing:.04em; text-transform:uppercase; }
#expedienteContenido #cuaRaiz .cua-items { display:grid; gap:14px; margin:18px 0; padding:0; list-style:none; }
#expedienteContenido #cuaRaiz .cua-item { padding:18px; border:1px solid #dee6ef; border-radius:13px; background:#f6f9fc; }
#expedienteContenido #cuaRaiz .cua-item .guia-campos { margin:0; }
#expedienteContenido #cuaRaiz input[data-cua-numero] { font-variant-numeric:tabular-nums; text-align:right; }
#expedienteContenido #cuaRaiz .admin-campo:has(input[data-cua-numero]) { justify-content:flex-end; }
#expedienteContenido #cuaRaiz .cua-item-valor { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin:16px 0 0; padding-top:14px; border-top:1px solid #dae4ee; color:var(--paso-texto); font-size:12px; }
#expedienteContenido #cuaRaiz .cua-item-valor > strong { color:#194f81; font-size:18px; font-weight:600; font-variant-numeric:tabular-nums; }
#expedienteContenido #cuaRaiz .cua-item-valor > span { font-size:12px; }
#expedienteContenido #cuaRaiz .cua-item-valor > button { margin-left:auto; }
#expedienteContenido #cuaRaiz .cua-item-valor > label { display:flex; align-items:flex-start; flex:1 1 220px; gap:8px; min-height:44px; padding-block:10px; line-height:1.6; }
#expedienteContenido #cuaRaiz .cua-item-valor > label input { margin-top:2px; }
#expedienteContenido #cuaRaiz .cua-aiu { margin:22px 0 0; padding:16px; border:1px solid #dce5ef; border-radius:12px; background:#f8fafc; }
#expedienteContenido #cuaRaiz .cua-aiu legend { padding-inline:6px; color:var(--paso-tinta); font-size:13px; font-weight:600; }
#expedienteContenido #cuaRaiz :is(.cua-aiu,.cua-ipc) > label { display:flex; align-items:flex-start; gap:8px; color:var(--paso-texto); font-size:13px; line-height:1.6; cursor:pointer; }
#expedienteContenido #cuaRaiz :is(.cua-aiu,.cua-ipc) > label > input { margin-top:2px; }
#expedienteContenido #cuaRaiz .cua-subtotal { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:8px; margin:22px 0 0; padding:14px 16px; border-radius:11px; background:#eaf3fc; color:#194f81; font-size:13px; }
#expedienteContenido #cuaRaiz .cua-subtotal strong { font-size:20px; font-weight:600; font-variant-numeric:tabular-nums; }
#expedienteContenido #cuaRaiz .cua-agregar { align-items:end; padding:18px; border:1px dashed #8da3ba; border-radius:14px; background:#f8fafc; }
#expedienteContenido #cuaRaiz .cua-agregar > button { justify-self:end; }
#expedienteContenido #cuaRaiz :is(.cua-descuentos,.cua-ipc) { margin-top:24px; padding:22px; border:1px solid var(--paso-linea); border-radius:18px; background:#fdfdfe; }
#expedienteContenido #cuaRaiz .cua-descuentos > p { margin:0 0 18px; color:var(--paso-texto); font-size:13px; line-height:1.7; }
#expedienteContenido #cuaRaiz .cua-ipc-valor { padding:14px 16px; border-radius:10px; background:#edf3f9; color:#194f81; font-size:14px; font-variant-numeric:tabular-nums; }
#expedienteContenido #cuaRaiz .cua-resumen { display:grid; gap:22px; margin-top:28px; }
#expedienteContenido #cuaRaiz .cua-resumen:empty { display:none; }
#expedienteContenido #cuaRaiz .cua-totales { padding:24px; border:1px solid #b9cfe6; border-radius:18px; background:linear-gradient(145deg,#f7fbff,#eaf3fc); }
#expedienteContenido #cuaRaiz .cua-totales h4 { margin-bottom:18px; }
#expedienteContenido #cuaRaiz .cua-totales dl { margin:0; }
#expedienteContenido #cuaRaiz .cua-totales dl > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 20px; padding:12px 0; border-bottom:1px solid #d4e0ed; }
#expedienteContenido #cuaRaiz .cua-totales dt { color:var(--paso-texto); font-size:13px; }
#expedienteContenido #cuaRaiz .cua-totales dd { margin:0; color:var(--paso-tinta); font:600 15px/1.6 var(--fuente-mono); text-align:right; font-variant-numeric:tabular-nums; }
#expedienteContenido #cuaRaiz .cua-totales .cua-total { padding-block:20px; align-items:center; border-bottom:0; }
#expedienteContenido #cuaRaiz .cua-total dt { color:#194f81; font-size:15px; }
#expedienteContenido #cuaRaiz .cua-total dd { color:#194f81; font:600 clamp(22px,2.6vw,30px)/1.3 var(--fuente); font-variant-numeric:tabular-nums; }
#expedienteContenido #cuaRaiz .cua-letras { margin:4px 0 0; padding-top:16px; border-top:1px solid #bdcfe1; color:#304e6b; font-size:13px; line-height:1.7; }
#expedienteContenido #cuaRaiz .cua-avisos { display:grid; gap:10px; margin:0; padding:0; list-style:none; }
#expedienteContenido #cuaRaiz .cua-aviso { padding:14px 16px; border:1px solid #cbb17f; border-radius:12px; background:#fcf5e9; color:#704b1e; font-size:13px; line-height:1.65; }
#expedienteContenido #cuaRaiz .cua-aviso::before { display:block; margin-bottom:4px; font-size:12px; font-weight:650; }
#expedienteContenido #cuaRaiz .cua-aviso-pendiente { border-style:dashed; }
#expedienteContenido #cuaRaiz .cua-aviso-pendiente::before { content:"Por completar"; }
#expedienteContenido #cuaRaiz .cua-aviso-aviso::before { content:"Revisar"; }
#expedienteContenido #cuaRaiz .cua-metodo { padding:22px; border:1px solid var(--paso-linea); border-radius:16px; background:#fafcfe; }
#expedienteContenido #cuaRaiz .cua-metodo p { max-width:76ch; margin:12px 0 0; color:var(--paso-tinta); font-size:14px; line-height:1.8; }
@media (max-width:600px) {
  #expedienteContenido #cuaRaiz .cua-bloque { padding:16px 12px; }
  #expedienteContenido #cuaRaiz .cua-item { padding:14px 10px; }
  #expedienteContenido #cuaRaiz .cua-item .admin-campo:not(:has([data-cua-numero])) { grid-column:1/-1; }
  #expedienteContenido #cuaRaiz .cua-agregar { grid-template-columns:minmax(0,1fr); padding:14px; }
  #expedienteContenido #cuaRaiz .cua-agregar > button { justify-self:stretch; }
  #expedienteContenido #cuaRaiz :is(.cua-descuentos,.cua-ipc,.cua-totales,.cua-metodo) { padding:18px 14px; }
  #expedienteContenido #cuaRaiz .cua-totales dl > div { grid-template-columns:minmax(0,1fr); gap:4px; }
  #expedienteContenido #cuaRaiz .cua-totales dd { text-align:left; }
  #expedienteContenido #cuaRaiz .cua-bloque-cab .guia-campos { grid-template-columns:minmax(0,1fr); }
  #expedienteContenido #cuaRaiz .cua-ipc .admin-campo { grid-column:1/-1; }
}
