/* Rednacer v2 · app del DISEÑADOR: mis cursos, wizard de 7 pasos, estándares y créditos (js/vistas-disenador.js).
   Solo var(--…) de tokens.css. Celular primero; documento vivo a la derecha desde 1100 px. */

/* ── Mis cursos ── */
.wz-continuar{display:grid;gap:12px}
.wz-continuar .fila{align-items:center}
.wz-continuar .btn{justify-self:start}
.wz-continuar .progreso{background:color-mix(in srgb,var(--sobre-enfasis) 14%,transparent)}
.wz-cursos .btn{flex:none}

/* ── Barra del wizard: título del paso, saldo y riel de 7 puntos ── */
.wz{padding-bottom:calc(150px + env(safe-area-inset-bottom))}
.wz.sin-pie{padding-bottom:24px}
.wz-barra{position:sticky;top:var(--ap-top-h,60px);z-index:15;margin:-20px calc(-1 * max(16px,env(safe-area-inset-left))) 16px;padding:10px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));
  background:var(--vidrio-fuerte);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--linea)}
.wz-barra-top{display:flex;align-items:center;gap:10px;min-width:0}
.wz-barra-top .tit-meta{flex:1}
.wz-paso-t{font-family:var(--display);font-size:var(--t-3)}
.wz-n{display:inline-block;margin-right:6px;padding:2px 10px;border-radius:999px;background:var(--acento);color:var(--sobre-acento);font:800 var(--t-chico)/1.5 var(--sans);vertical-align:.15em}
.wz-saldo-mini{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:999px;background:var(--marca-suave-2);color:var(--marca-oscura);font-weight:800;font-variant-numeric:tabular-nums}
html[data-modo="oscuro"] .wz-saldo-mini{color:var(--tinta)}
.wz-saldo-mini b{display:inline-block}
.wz-reiniciar{flex:none;width:44px;height:44px;border:1px solid var(--linea);border-radius:999px;background:var(--superficie);color:var(--tinta-2);font-size:1.25rem;cursor:pointer}
.wz-riel{--avance:0;position:relative;list-style:none;display:flex;justify-content:space-between;margin:10px 0 0;padding:0}
.wz-riel::before,.wz-riel::after{content:"";position:absolute;left:22px;right:22px;top:21px;height:3px;border-radius:3px;background:var(--linea)}
.wz-riel::after{right:auto;width:calc((100% - 44px) * var(--avance));background:linear-gradient(90deg,var(--marca),var(--acento));transition:width .6s cubic-bezier(.2,0,0,1)}
.wz-riel li{position:relative;z-index:1}
.wz-riel button{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:44px;min-height:44px;padding:0;border:0;background:none;color:var(--tinta-2);font:700 var(--t-chico) var(--sans);cursor:pointer}
.wz-riel button[disabled]{cursor:default;opacity:.55}
.wz-punto{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;border:2px solid var(--linea);background:var(--superficie);font-weight:800;transition:background var(--dur-normal) var(--curva),transform var(--dur-normal) var(--curva)}
.wz-riel .hecho .wz-punto{background:var(--marca);border-color:var(--marca);color:var(--sobre-marca)}
.wz-riel .actual .wz-punto{border-color:var(--acento);background:var(--acento);color:var(--sobre-acento);transform:scale(1.08);box-shadow:0 0 0 6px color-mix(in srgb,var(--acento) 22%,transparent)}
.wz-riel-t{display:block;line-height:1.2}
.wz-riel .actual .wz-riel-t{color:var(--tinta)}
@media (min-width:900px){.wz-riel-t{max-width:10ch;text-align:center}}
/* Celular: los 7 pasos con su NOMBRE en una tira que se desliza (la crítica pidió nombrarlos también aquí); el actual
   queda a la vista (pintarBarra lo desplaza). Sin la línea de avance: el ✓ y el color ya la cuentan. */
@media (max-width:899px){
  .wz-riel{justify-content:flex-start;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:calc(-1 * max(16px,env(safe-area-inset-left)));padding:2px max(16px,env(safe-area-inset-left))}
  .wz-riel::-webkit-scrollbar{display:none}
  .wz-riel::before,.wz-riel::after{display:none}
  .wz-riel li{flex:none;scroll-snap-align:start}
  .wz-riel button{flex-direction:row;gap:8px;padding:0 14px 0 4px;border-radius:999px;border:1px solid var(--linea);background:var(--superficie);font-size:var(--t-chico);white-space:nowrap}
  .wz-riel .actual button{border-color:var(--acento);background:color-mix(in srgb,var(--acento) 14%,var(--superficie))}
  .wz-punto{width:34px;height:34px;border-width:0;background:var(--marca-suave-2)}
  .wz-riel .actual .wz-punto{transform:none;box-shadow:none}
}
.wz-cuesta{margin:8px 0 0;font-size:var(--t-chico);color:var(--tinta-2)}
.costo small{color:var(--tinta-2);font-weight:600}
.wz-costos .costo{margin-left:auto;text-align:right}
.wz-rehacer{margin:4px 0 16px}
.wz-rehacer summary,.wz-reactivos summary,.wz-detalle summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font-weight:700;color:var(--marca-oscura)}
html[data-modo="oscuro"] .wz-rehacer summary,html[data-modo="oscuro"] .wz-reactivos summary,html[data-modo="oscuro"] .wz-detalle summary{color:var(--marca)}
.wz-reactivos ol{margin:4px 0 8px;padding-left:20px}
.wz-reactivos li{margin:0 0 8px}
.wz-reactivos p{margin:0}
.wz-reactivos small{color:var(--tinta-2)}
.wz-detalle{font-size:var(--t-chico)}
.wz-detalle ul{margin:0 0 6px;padding-left:18px;color:var(--tinta-2)}
.wz-sugerencias .sin-criterios .wz-sug{opacity:.7;cursor:default}
@media (min-width:900px){.wz-barra{margin:-28px -32px 20px;padding:12px 32px 14px}}

/* ── Cuerpo: paso + documento vivo ── */
.wz-cuerpo{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
.wz-doc{display:none}
@media (min-width:1100px){
  .wz-cuerpo{grid-template-columns:minmax(0,1fr) minmax(300px,380px)}
  .wz-doc{display:block;position:sticky;top:calc(var(--ap-top-h,60px) + 150px);max-height:calc(100dvh - var(--ap-top-h,60px) - 250px);overflow:auto;overscroll-behavior:contain;border-radius:6px}
  .wz-verdoc{display:none!important}
}
.wz-intro h2{font-size:var(--t-2);margin:4px 0 6px}
.wz-intro p{margin:0 0 14px}
.wz-paso h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:800 var(--t-3)/1.25 var(--display)}
.wz-paso h3 .emoji,.wz-verif h3 .emoji{width:28px;height:28px}
.wz-nota{display:flex;align-items:center;gap:6px;margin:10px 0 4px;font-size:var(--t-chico);color:var(--tinta-2)}
.wz-nota .emoji{width:24px;height:24px}
.wz-nota>span,.wz-total>span{flex:1;min-width:0}
.wz-vacio{display:grid;justify-items:center;gap:10px;text-align:center;padding:28px 18px}
.wz-vacio p{margin:0;color:var(--tinta-2)}
.wz-generar{gap:8px}
.wz-generar .emoji{width:28px;height:28px}
.wz-costo{padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--sobre-marca) 20%,transparent);font-size:var(--t-chico)}
.wz-pensando{display:flex;align-items:center;gap:14px;min-height:96px;font-weight:700}
.wz-pensando .pensando i{width:10px;height:10px}

/* Paso 1 */
.wz-sugerencias{margin-top:10px}
.wz-sugerencias>li{padding:0;box-shadow:none;background:transparent}
.wz-sug{display:flex;width:100%;min-height:64px;padding:12px 14px;border:1.5px solid var(--linea);border-radius:var(--radio);background:var(--superficie);color:var(--tinta);text-align:left;font:inherit;cursor:pointer;transition:border-color var(--dur-normal) var(--curva),background var(--dur-normal) var(--curva)}
.wz-sug:hover{border-color:var(--marca)}
.wz-sug[aria-pressed="true"]{border-color:var(--marca);background:var(--marca-suave)}
.wz-match{display:inline-block;width:72px;height:8px;border-radius:999px;background:var(--marca-suave-2);overflow:hidden}
.wz-match i{display:block;height:100%;width:calc(var(--p,0)*100%);background:var(--acento);border-radius:inherit}
.wz-ec>p{margin:10px 0 14px}
.wz-elemento{margin:0 0 12px;padding:12px 14px;border-radius:var(--radio);background:var(--fondo)}
.wz-elemento ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.wz-elemento li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}
.wz-elemento li span:last-child{flex:1 1 220px;min-width:0}
.wz-tipo{min-height:26px;font-size:.875rem}
.wz-tipo.t-producto{background:color-mix(in srgb,var(--acento) 22%,var(--superficie));color:var(--tinta)}
.wz-tipo.t-desempeno{background:color-mix(in srgb,var(--ok) 16%,var(--superficie));color:var(--ok)}
.wz-tipo.t-conocimiento{background:var(--marca-suave-2);color:var(--marca-oscura)}
html[data-modo="oscuro"] .wz-tipo.t-conocimiento{color:var(--tinta)}
.wz-total{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;padding:12px 14px;border-radius:var(--radio);background:var(--marca-suave);font-size:var(--t-chico)}
.wz-total .emoji{width:28px;height:28px}

/* Verificación humana */
.wz-verif{border:2px dashed color-mix(in srgb,var(--acento) 70%,var(--linea))}
.wz-verif>p{margin:-4px 0 10px;font-size:var(--t-chico)}
.wz-check{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:8px 0;font-weight:700;cursor:pointer}
.wz-check input{flex:none;width:24px;height:24px;margin:0;accent-color:var(--marca)}
.wz-check.apagado{color:var(--tinta-2);cursor:not-allowed}

/* Paso 2: objetivos + validador + cobertura */
.wz-obj{padding:14px 0;border-bottom:1px solid var(--linea)}
.wz-obj:last-child{border-bottom:0}
.wz-obj-t{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:800}
.wz-obj-t .emoji{width:28px;height:28px}
.wz-obj textarea{width:100%;min-height:96px;overflow:hidden;padding:10px 12px;border:1px solid var(--linea);border-radius:var(--radio-chico);background:var(--superficie);color:var(--tinta);font:1rem/1.5 var(--sans);resize:vertical}
.wz-obj-gen{min-height:3em;margin:0;padding:10px 12px;border-radius:var(--radio-chico);background:var(--marca-suave)}
.wz-vals{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.wz-val{display:inline-flex;align-items:center;min-height:28px;padding:2px 10px;border-radius:999px;font-size:.875rem;font-weight:700}
.wz-val.ok{background:color-mix(in srgb,var(--ok) 13%,var(--superficie));color:var(--ok)}
.wz-val.falta{background:color-mix(in srgb,var(--aviso) 15%,var(--superficie));color:var(--aviso)}
.wz-cuenta{margin-left:auto;font:800 var(--t-chico) var(--sans);color:var(--tinta-2)}
.wz-cob{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.wz-cob li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;align-items:baseline;padding:10px 12px;border-radius:var(--radio-chico);border:1px solid color-mix(in srgb,var(--ok) 35%,var(--linea));background:color-mix(in srgb,var(--ok) 7%,var(--superficie))}
.wz-cob li.falta{border-left-color:var(--aviso);background:color-mix(in srgb,var(--aviso) 9%,var(--superficie))}
.wz-cob small{grid-column:2;font-weight:700;color:var(--ok)}
.wz-cob li.falta small{color:var(--aviso)}
.wz-cob-ref{font:800 .875rem var(--sans);color:var(--marca-oscura);white-space:nowrap}
html[data-modo="oscuro"] .wz-cob-ref{color:var(--marca)}

/* Paso 3: temas, minutos, carta */
.wz-suma{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin:0 0 12px;padding:4px 14px;border-radius:999px;font-weight:700}
.wz-suma.ok{background:color-mix(in srgb,var(--ok) 13%,var(--superficie));color:var(--ok)}
.wz-suma.falta{background:color-mix(in srgb,var(--aviso) 15%,var(--superficie));color:var(--aviso)}
.wz-temas{list-style:none;margin:0 0 14px;padding:0}
.wz-temas>li{border:1.5px solid transparent;transition:border-color var(--dur-normal) var(--curva)}
.wz-temas>li.revisado{border-color:color-mix(in srgb,var(--ok) 55%,transparent)}
.wz-sub{margin:10px 0 12px;padding-left:20px;color:var(--tinta-2)}
.wz-sub li{margin:2px 0}
.wz-tema-pie{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.wz-min{display:inline-flex;align-items:center;border:1px solid var(--linea);border-radius:999px;overflow:hidden}
.wz-min button{width:44px;height:44px;border:0;background:var(--fondo);color:var(--tinta);font-size:1.25rem;font-weight:800;cursor:pointer}
.wz-min output{min-width:76px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}
.wz-carta{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wz-carta li{display:flex;gap:12px;align-items:flex-start}
.wz-bloque{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--marca-suave-2);color:var(--marca-oscura);font:800 1rem var(--display)}
html[data-modo="oscuro"] .wz-bloque{color:var(--tinta)}
.wz-carta small{display:block;color:var(--tinta-2)}
.wz-barra-carta{display:flex;height:12px;margin-top:14px;border-radius:999px;overflow:hidden;gap:2px}
.wz-barra-carta i{flex:var(--p,0) 1 0;background:var(--marca)}
.wz-barra-carta i.b-I{background:var(--acento)}.wz-barra-carta i.b-III{background:var(--marca-oscura)}.wz-barra-carta i.b-IV{background:var(--tinta-2)}

/* Paso 4: instrumentos */
.wz-pesos{display:flex;gap:3px;height:16px;border-radius:999px;overflow:hidden}
.wz-pesos i,.wz-color{background:var(--marca)}
.wz-pesos i{flex:var(--p,0) 1 0}
.wz-pesos i:nth-child(2),.wz-leyenda li:nth-child(2) .wz-color{background:var(--marca-oscura)}
.wz-pesos i:nth-child(3),.wz-leyenda li:nth-child(3) .wz-color{background:var(--acento)}
.wz-pesos i:nth-child(4),.wz-leyenda li:nth-child(4) .wz-color{background:var(--tinta-2)}
.wz-leyenda{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:6px 14px}
.wz-leyenda li{display:flex;align-items:center;gap:8px}
.wz-leyenda b{margin-left:auto}
.wz-color{flex:none;width:14px;height:14px;border-radius:4px}
.wz-inst{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:12px}
@media (min-width:700px){.wz-inst{grid-template-columns:1fr 1fr}}
.wz-inst>li{margin:0;border:1.5px solid transparent;display:flex;flex-direction:column;gap:10px}
.wz-inst>li.confirmado{border-color:color-mix(in srgb,var(--ok) 55%,transparent)}
.wz-inst .btn{align-self:flex-start}
.wz-preg{margin:0;font-weight:700}
.wz-ops{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.wz-ops li{padding:8px 12px;border-radius:var(--radio-chico);background:var(--fondo)}
.wz-ops li.clave{background:color-mix(in srgb,var(--ok) 14%,var(--superficie));color:var(--ok);font-weight:800}
.wz-ops li.clave::before{content:"✓ "}
.wz-img .fila{align-items:center}
.wz-aviso-costo{margin:10px 0 0;color:var(--aviso);font-weight:700}

/* Paso 5: revisión */
.wz-hilo{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wz-hilo li{display:flex;gap:10px;align-items:flex-start}
.wz-hilo .tit-meta small{color:var(--tinta-2)}
.wz-ok{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:999px;background:color-mix(in srgb,var(--ok) 16%,var(--superficie));color:var(--ok);font-weight:800}
.wz-pend{display:inline-block;flex:none;width:28px;height:28px;border-radius:999px;border:2px dashed var(--linea)}
.wz-huecos{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wz-huecos li{padding:12px 14px;border-radius:var(--radio);border:1px solid color-mix(in srgb,var(--acento) 45%,var(--linea));background:color-mix(in srgb,var(--acento) 9%,var(--superficie))}
.wz-huecos li.dec{border-left-color:var(--linea);background:var(--fondo)}
.wz-huecos li.dec p{color:var(--tinta-2)}
.wz-huecos p{margin:0 0 8px}
.wz-firma-f{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
.wz-firma-f .campo{flex:1 1 220px}
.wz-firmado{display:flex;align-items:center;gap:12px}

/* Paso 6: publicar */
.wz-radios{display:grid;gap:8px}
.wz-radio{display:flex;align-items:flex-start;gap:12px;min-height:56px;padding:10px 14px;border:1.5px solid var(--linea);border-radius:var(--radio);cursor:pointer}
.wz-radio:has(input:checked){border-color:var(--marca);background:var(--marca-suave)}
.wz-radio input{flex:none;width:22px;height:22px;margin:2px 0 0;accent-color:var(--marca)}
.wz-radio small{color:var(--tinta-2)}
.wz-docs{display:grid;gap:12px}
.wz-docs .fila{align-items:center}
.wz-docs .tit-meta small{color:var(--tinta-2)}
.wz-sello{display:grid;place-items:center;width:56px;height:56px;border-radius:999px;border:3px solid var(--acento);color:var(--acento);font:800 1.1rem var(--display);transform:rotate(-12deg)}
.wz-doclist{list-style:none;margin:0;padding:0;display:grid;gap:6px}
@media (min-width:700px){.wz-doclist{grid-template-columns:1fr 1fr}}
.wz-doclist li{display:flex;align-items:center;gap:10px;min-height:40px;color:var(--tinta-2);transition:color var(--dur-normal) var(--curva)}
.wz-doclist li.listo{color:var(--tinta)}
.wz-doclist li span:nth-child(2){flex:1;min-width:0}
.wz-doclist small{color:var(--tinta-2)}
.wz-docs>.btn{justify-self:start}

/* Paso 7: convocatoria */
.wz-desc{margin:0 0 16px;min-height:3em;line-height:1.6}
.wz-evid{list-style:none;margin:0;padding:0}
.wz-evid .tit-meta small{color:var(--tinta-2);font-weight:400}
.wz-previa{margin:0 0 14px}
.wz-previa-t{margin:0 0 8px;font-size:var(--t-chico);font-weight:800;color:var(--tinta-2);text-transform:uppercase;letter-spacing:.06em}
.wz-pub{max-width:420px;border:1px solid var(--linea)}
.wz-pub h3{margin:10px 0 2px}
.wz-pub dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 14px}
.wz-pub dl>div:first-child{grid-column:1/-1}
.wz-pub dt{font-size:.875rem;color:var(--tinta-2)}
.wz-pub dd{margin:0;font-weight:800}
.wz-pub .btn[disabled]{opacity:.7}
.wz-omitir{text-align:center}
.wz-fin{display:grid;justify-items:center;gap:10px;text-align:center;padding:32px 20px}
.wz-fin h2{font-size:var(--t-2);margin:0}

/* ── Pie fijo: Atrás · Documento · Falta · Siguiente (sobre la barra de la cáscara, en zona segura) ── */
.wz-pie{position:fixed;z-index:22;left:0;right:0;bottom:calc(75px + env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;
  padding:8px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));background:var(--vidrio-fuerte);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--linea)}
.wz-pie .btn{min-height:48px;padding:0 18px}
.wz-falta{order:-1;flex:1 0 100%;font-size:var(--t-chico);font-weight:700;color:var(--tinta-2);text-align:center}
.wz-sig{margin-left:auto;min-width:132px}
.wz-sig[aria-disabled="true"]{background:var(--marca-suave-2);color:var(--marca-oscura)}
html[data-modo="oscuro"] .wz-sig[aria-disabled="true"]{color:var(--tinta)}
.wz-verdoc{padding:0 14px!important}
.wz-verdoc .emoji{width:28px;height:28px}
@media (max-width:480px){.wz-verdoc span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
@media (min-width:900px){
  .wz-pie{left:248px;bottom:0;padding:12px 32px calc(12px + env(safe-area-inset-bottom));flex-wrap:nowrap}
  .wz-falta{order:0;flex:1 1 auto;text-align:right}
  .wz-sig{margin-left:0}
  .wz{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
}

/* ── Documento vivo: una página carta que se arma sola ── */
.papel{--papel:var(--superficie);--papel-tinta:var(--tinta);--papel-linea:var(--linea);--papel-acento:var(--marca-oscura);
  min-height:520px;padding:28px 26px 18px;border-radius:4px;background:var(--papel);color:var(--papel-tinta);
  box-shadow:0 1px 0 color-mix(in srgb,var(--tinta) 6%,transparent),0 18px 40px -18px color-mix(in srgb,var(--noche) 45%,transparent);font-size:.875rem;line-height:1.5}
html[data-modo="oscuro"] .papel{--papel:color-mix(in srgb,var(--tinta) 92%,var(--acento));--papel-tinta:var(--fondo);--papel-linea:color-mix(in srgb,var(--fondo) 22%,transparent);--papel-acento:var(--noche)}
.doc-sec{position:relative;margin:0 0 14px;border-radius:6px;box-shadow:0 0 0 6px color-mix(in srgb,var(--acento) calc(var(--resalte,0) * 45%),transparent);background:color-mix(in srgb,var(--acento) calc(var(--resalte,0) * 18%),transparent)}
.doc-eyebrow{margin:0;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--papel-acento)}
.doc-titulo{margin:4px 0;font:800 1.25rem/1.2 var(--display);color:var(--papel-tinta)}
.doc-meta{margin:0;padding-bottom:10px;border-bottom:2px solid var(--papel-acento)}
.papel h4{margin:0 0 4px;font:800 .9375rem var(--display);color:var(--papel-acento)}
.papel p{margin:0 0 6px}
.papel ul{margin:0;padding-left:18px}
.papel li{margin:0 0 4px}
.papel table{width:100%;border-collapse:collapse}
.papel th,.papel td{padding:4px 2px;border-bottom:1px solid var(--papel-linea);text-align:left}
.papel td:last-child,.papel th:last-child{text-align:right;white-space:nowrap}
.doc-vacio{padding:40px 0;text-align:center;opacity:.7}
.doc-firma{padding-top:8px;border-top:1px dashed var(--papel-linea)}
.doc-sello{display:inline-block;padding:4px 12px;border:2px solid var(--acento);border-radius:6px;color:var(--papel-tinta);font-weight:800;transform:rotate(-4deg)}
.doc-pie{margin:18px 0 0!important;font-size:.875rem;opacity:.6;text-align:right}
dialog.hoja .papel{min-height:0;box-shadow:none;border:1px solid var(--linea);padding:20px 18px}

/* ── Créditos ── */
.wz-saldo{display:grid;gap:6px}
.wz-saldo-n{font:800 clamp(2.75rem,10vw,4rem)/1 var(--display);font-variant-numeric:tabular-nums}
.wz-saldo .progreso{margin:8px 0 2px;background:color-mix(in srgb,var(--sobre-enfasis) 14%,transparent)}
.wz-ec-b{background:none;border:0;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer}
/* Celular: dentro del wizard la barra de pantallas se va (es un flujo enfocado; volver está en la cabecera) y el pie
   del wizard baja a su lugar. Menos cromo: más documento a la vista. */
@media (max-width:899px){
  body[data-pantalla="wizard"] .ap-nav{display:none}
  body.ap[data-pantalla="wizard"]{padding-bottom:env(safe-area-inset-bottom)}
  body[data-pantalla="wizard"] .wz-pie{bottom:0;padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  body[data-pantalla="wizard"] .wz{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
}

/* Revisión de calidad UI del encargo #117 */
.wz-temas .chip,.wz-inst .chip{white-space:normal;height:auto;min-width:0;max-width:100%;text-align:left}
.wz-img .interruptor-zona{display:inline-flex;align-items:center;min-height:44px;min-width:52px}
.wz-img .interruptor{position:relative}
.wz-img .interruptor::before{content:"";position:absolute;inset:-6px}
@media (max-width:899px){
  .wz-paso-t{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .wz-barra-top .tit-meta small{display:none}      /* el párrafo bajo el h2 ya dice para qué es el paso */
}
/* Celular acostado: barra no fija y sin tira de pasos, pie compacto; si no, quedan ~100 px de contenido. */
@media (max-height:500px) and (max-width:899px){
  .wz-barra{position:static}
  .wz-riel{display:none}
  .wz-pie{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}
  .wz-falta{display:none}
}
.wz-cursos{padding-bottom:calc(88px + env(safe-area-inset-bottom))}   /* el último curso sube por encima del botón flotante */
@media (min-width:900px){.wz-cursos{padding-bottom:0}}