.pem{--pem-sup: var(--card, var(--ctl-sup2, #1F2227));--pem-fondo: var(--panel, var(--ctl-sup, #1A1C20));--pem-linea: var(--line, var(--ctl-linea, #2C2F35));--pem-tinta: var(--text, var(--ctl-tinta, #F2F2EF));--pem-suave: var(--muted, var(--ctl-suave, #9AA0A8));--pem-ac: var(--tm-acento, var(--ctl-aire, #a64dff));--pem-ac-rgb: var(--tm-acento-rgb, 166 77 255);--pem-sobre: var(--tm-sobre-acento, #fff);--pem-ok: var(--ok-verde, var(--ctl-ok, #4fcf90));--pem-mal: var(--danger, var(--ctl-error, #ff5d6c));--pem-ambar: var(--tm-ambar, var(--ctl-ambar, #FFB020));container-type:inline-size;color:var(--pem-tinta);font-size:14px;max-width:1300px}.pem-cifras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.pem-cifra{background:var(--pem-sup);border:1px solid var(--pem-linea);border-radius:10px;padding:10px 12px;min-width:0}.pem-cifra small{display:block;color:var(--pem-suave);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.pem-cifra b{font:600 22px var(--mono, ui-monospace, monospace);font-variant-numeric:tabular-nums}.pem-barra{height:8px;background:var(--pem-linea);border-radius:5px;overflow:hidden;margin-top:6px}.pem-barra i{display:block;height:100%;background:var(--pem-ok)}.pem-rojo{color:var(--pem-mal)}.pem-ambar{color:var(--pem-ambar)}.pem-suave{color:var(--pem-suave);font-size:12.5px;overflow-wrap:anywhere}.pem-quien{color:var(--pem-suave);font:11px var(--mono, ui-monospace, monospace);margin-top:2px}.pem-sig{background:var(--pem-sup);border:1px solid var(--pem-ac);border-radius:12px;padding:14px;margin-bottom:8px}.pem-sig small{color:var(--pem-ac);font:600 11px var(--mono, ui-monospace, monospace);letter-spacing:.06em}.pem-sig h3{margin:4px 0 6px;font-size:17px;text-wrap:balance}.pem-sig.pem-listo{border-color:var(--pem-ok)}.pem-sig.pem-listo small{color:var(--pem-ok)}.pem-botones{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pem-btn{background:var(--pem-ac);color:var(--pem-sobre);border:0;border-radius:8px;font-weight:700;font-size:12.5px;padding:6px 12px;cursor:pointer;white-space:nowrap;flex-shrink:0}.pem-btn.pem-sec{background:transparent;color:var(--pem-tinta);border:1px solid var(--pem-linea)}.pem-btn:disabled{opacity:.5;cursor:not-allowed}.pem-btn:focus-visible,.pem-fase:focus-visible{outline:2px solid var(--pem-tinta);outline-offset:2px}.pem-link{background:none;border:0;color:var(--pem-suave);text-decoration:underline;cursor:pointer;padding:2px 0 8px;font-size:12.5px}.pem-msg{color:var(--pem-ok);font-size:13px;margin:0 0 8px}.pem-error{color:var(--pem-mal)}.pem-ruta{display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px;margin-top:8px}.pem-fases{display:flex;flex-direction:column;gap:3px}.pem-fase{display:flex;gap:8px;align-items:center;padding:7px 9px;border-radius:8px;border:1px solid transparent;background:none;color:var(--pem-tinta);font-size:13px;text-align:left;cursor:pointer;min-width:0}.pem-fase:hover{background:var(--pem-sup)}.pem-fase.act{border-color:var(--pem-ac);background:rgb(var(--pem-ac-rgb) / .1)}.pem-fnom{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pem-n{font:600 11px var(--mono, ui-monospace, monospace);color:var(--pem-suave)}.pem-puntos{min-width:0}.pem-puntos h3{margin:2px 0 6px;font-size:15px}.pem-item{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--pem-linea)}.pem-item.ajeno{opacity:.55}.pem-t{flex:1;min-width:0}.pem-est{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;border-radius:6px;font-weight:800;font-size:12px}.pem-e-ok{background:#4fcf902e;color:var(--pem-ok)}.pem-e-falta,.pem-e-error{background:#ff5d6c29;color:var(--pem-mal)}.pem-e-manual,.pem-e-parcial{background:#ffb02029;color:var(--pem-ambar)}.pem-e-opcional{background:var(--pem-linea);color:var(--pem-suave)}@container (max-width: 760px){.pem-cifras{grid-template-columns:repeat(2,minmax(0,1fr))}.pem-solo-pc{display:none}.pem-ruta{grid-template-columns:minmax(0,1fr)}.pem-fases{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:4px}.pem-fase{flex:0 0 auto;white-space:nowrap}.pem-fnom{overflow:visible}.pem-item{flex-wrap:wrap}.pem-item .pem-t{flex-basis:calc(100% - 34px)}.pem-item .pem-btn{margin-left:32px}}