/* V4.62: utilidades de trámites y consultas, aisladas de la identidad visual. */
.procedure-task-list .procedure-task-intro,
.procedure-task-list .procedure-task-note{font-size:.91rem;line-height:1.6;color:#4b5563;margin:9px 0 15px}
.procedure-task-list .procedure-task-note{margin:16px 0 0;font-size:.81rem}
.procedure-task-progress{display:inline-block;padding:7px 11px;background:#f1f3f5;border-radius:9px;font-size:.87rem;font-weight:650;color:#1f2937;margin:0 0 12px}
.procedure-task-meter{width:100%;height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:0 0 17px}
.procedure-task-meter>span{display:block;background:#277452;height:100%;width:0;transition:width .18s ease}
.procedure-task-items{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.procedure-task-item{display:grid;grid-template-columns:25px minmax(0,1fr);gap:12px;align-items:start;padding:15px;border:1px solid #e0e1e4;border-radius:12px;background:#fff}
.procedure-task-item input[type=checkbox]{width:20px;height:20px;margin:2px 0 0;accent-color:#1f2937;cursor:pointer}
.procedure-task-item__content{min-width:0;line-height:1.6;font-size:.93rem;overflow-wrap:anywhere}
.procedure-task-item__content label{display:block;cursor:pointer;font-size:.77rem;margin-top:9px;color:#666;font-weight:600}
.procedure-task-item:has(input:checked){background:#f5f8f5;border-color:#aec7b8}
.procedure-task-item input:checked~.procedure-task-item__content>span{color:#55645b}
.procedure-task-list--done .procedure-task-meter>span{background:#277452}
.procedure-task-list--done .procedure-task-progress{background:#e7f4ea;color:#1b5431}
.procedure-task-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}
.procedure-task-actions[hidden],.procedure-continue[hidden]{display:none}
.procedure-task-actions .button{font-size:.84rem;min-height:43px}
.procedure-task-clear{border:0;background:transparent;color:#30343a;text-decoration:underline;cursor:pointer;font-size:.84rem;padding:10px}
.procedure-task-clear:focus-visible,.procedure-task-item input:focus-visible{outline:3px solid #f4a357;outline-offset:3px}
.procedure-continue{margin-top:18px;padding:22px;border:1px solid #d5d9df;border-radius:15px;background:#fff}
.procedure-continue h2{margin:0 0 8px;font-size:1.35rem;letter-spacing:-.025em}
.procedure-continue>p{font-size:.9rem;color:#555;margin:0 0 13px}
.procedure-continue ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.procedure-continue li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e5e7eb;padding:11px 0 4px}
.procedure-continue a{font-weight:650;text-decoration:underline;color:inherit}
.procedure-continue li span{color:#58606a;font-size:.81rem}
.service-pilot-note{border:1px solid #665c48;border-radius:10px;padding:13px;background:#302c25;color:#fff4d6!important;font-size:.84rem;line-height:1.6}
.service-self-help{border-top:1px solid #494949;margin-top:18px;padding-top:19px;color:#f8f8f8}
.service-self-help h3{color:#fff;font-size:1.04rem;margin:0 0 8px}
.service-self-help>p{font-size:.83rem;line-height:1.6;color:#d5d5d5;margin:7px 0 13px}
.service-self-help .button--secondary{min-height:44px;white-space:normal;padding:10px 14px}
.service-self-help .service-copy-status{min-height:1px;color:#d8ebd8;font-size:.82rem}
.service-owner-invite{color:#eee;font-size:.82rem;text-decoration:underline;display:inline-block;margin-top:10px}
.service-copy-fallback{display:block;min-height:120px;width:100%;padding:11px;margin-top:9px;font:inherit;border:1px solid #999;border-radius:8px}
@media(max-width:600px){
  .procedure-task-item{padding:12px;gap:10px}
  .procedure-task-actions{align-items:stretch;flex-direction:column}
  .procedure-task-actions .button,.procedure-task-clear{width:100%;text-align:center}
  .procedure-continue{padding:17px}
}
@media print{
  .procedure-task-actions,.service-self-help,.procedure-continue{display:none!important}
  .procedure-task-item{break-inside:avoid}
}
