/* Tu descripción de puesto (puesto.js, #/puesto). Usa los tokens de estilo.css. */
.pu{display:flex;flex-direction:column;gap:16px}
.pu-bloque{line-height:1.55}
.pu-alto{border-top:4px solid var(--u-color)}
.pu-bloque h2{margin:0 0 8px}
.pu-bloque h3{margin:18px 0 6px;font-size:16px}
.pu-bloque p{margin:0 0 8px}
.pu-bloque p,.pu-bloque li{max-width:72ch}
.pu-bloque ol,.pu-bloque ul{padding-left:20px;margin:6px 0}
.pu-props{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:10px}
.pu-prop{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--linea);
  border-left:4px solid var(--u-color);border-radius:var(--radio);background:var(--papel)}
.pu-prop i{font-style:normal;font-weight:700;color:var(--u-color)}
.pu-prop span{font-size:14px;color:var(--suave)}
.pu-tabla thead th{position:sticky;top:0}
.pu-cierre{margin:4px 0 0;font-weight:700}
@media (max-width:600px){.pu-pf{display:none}
  .pu-tabla th,.pu-tabla th.num{white-space:normal}.pu-tabla th,.pu-tabla td{padding-left:6px;padding-right:6px}}