/* ============================================================
   GRCreal · dossier-herramientas.css  (AISLADO)
   Solo estiliza el índice /herramientas/. No toca articulos,
   versus, quiz ni checklists. Hereda tokens de dossier-core;
   usa fallbacks por si se abre suelto.
   ============================================================ */

.hr-back{display:inline-block;margin:22px 0 0 22px;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;
  letter-spacing:.03em;color:var(--ds-muted,#5a6675);text-decoration:none}
.hr-back:hover{color:var(--ds-navy,#14233b)}

.hr-wrap{max-width:1120px;margin:0 auto;padding:18px 22px 60px}

/* ---- HERO ---- */
.hr-hero{border-bottom:1px solid var(--ds-line,#d3dae3);padding:18px 0 28px;margin-bottom:30px}
.hr-kicker{display:inline-block;font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:11px;letter-spacing:.14em;color:var(--ds-accent,#1f5fa8);
  border:1px solid var(--ds-line,#d3dae3);padding:5px 10px;text-transform:uppercase}
.hr-hero h1{font-size:32px;line-height:1.18;color:var(--ds-navy,#14233b);
  font-weight:800;margin:16px 0 10px;max-width:20ch}
.hr-lead{font-size:17px;line-height:1.55;color:var(--ds-muted,#5a6675);max-width:66ch;margin:0}

/* ---- FEATURES ---- */
.hr-features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px}
.hr-feat{background:var(--ds-paper,#fff);border:1px solid var(--ds-line,#d3dae3);
  border-left:3px solid var(--ds-accent,#1f5fa8);padding:16px 16px}
.hr-feat-ico{font-size:20px;line-height:1;margin-bottom:8px}
.hr-feat-t{font-weight:800;color:var(--ds-navy,#14233b);font-size:14.5px;margin-bottom:4px}
.hr-feat-x{font-size:13px;color:var(--ds-muted,#5a6675);line-height:1.5;margin:0}

/* ---- NOTA EDITORIAL ---- */
.hr-nota{background:var(--ds-navy,#14233b);color:#dfe6f0;padding:26px 28px;margin-bottom:34px;
  position:relative;overflow:hidden}
.hr-nota::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:26px 26px}
.hr-nota-label{position:relative;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:#8fb4e0;margin-bottom:10px}
.hr-nota-x{position:relative;font-size:15.5px;line-height:1.6;margin:0;max-width:72ch}
.hr-nota-x strong{color:#fff}

/* ---- TOOLS GRID ---- */
.hr-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.hr-loading{grid-column:1/-1;color:var(--ds-muted,#5a6675);
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;padding:20px 0}

.hr-card{position:relative;background:var(--ds-paper,#fff);border:1px solid var(--ds-line,#d3dae3);
  border-top:3px solid var(--ds-accent,#1f5fa8);padding:22px 24px;display:flex;flex-direction:column;
  min-height:200px;overflow:hidden}
.hr-card::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(var(--ds-grid,rgba(20,35,59,.035)) 1px,transparent 1px),
    linear-gradient(90deg,var(--ds-grid,rgba(20,35,59,.035)) 1px,transparent 1px);background-size:24px 24px}
.hr-card>*{position:relative}

.hr-card-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.hr-ref{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.1em;
  color:var(--ds-navy,#14233b);background:#eef2f7;border:1px solid var(--ds-line,#d3dae3);padding:3px 8px}
.hr-tag{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.04em;
  color:var(--ds-muted,#5a6675)}

.hr-card h2{font-size:19px;line-height:1.25;color:var(--ds-navy,#14233b);font-weight:800;margin:0 0 8px}
.hr-desc{font-size:14px;color:var(--ds-ink,#2b3340);line-height:1.55;margin:0 0 14px}

.hr-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.hr-badge{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10.5px;letter-spacing:.04em;
  color:var(--ds-accent,#1f5fa8);border:1px solid var(--ds-line,#d3dae3);padding:3px 8px}

.hr-cta{margin-top:auto;align-self:flex-start;font-family:inherit;font-size:14px;font-weight:600;
  color:#fff;background:var(--ds-navy,#14233b);border:1px solid var(--ds-navy,#14233b);
  padding:9px 16px;text-decoration:none}
.hr-cta:hover{background:#0d1828}
.hr-cta.disabled{
  background:#d9dee5;
  border-color:#d9dee5;
  color:#7b8794;
  pointer-events:none;
  cursor:not-allowed;
  opacity:.85;
}

.hr-cta.disabled:hover{
  background:#d9dee5;
}

/* ---- estado bloqueado ---- */
.hr-card.locked{border-top-color:var(--ds-line,#d3dae3)}
.hr-card.locked h2,.hr-card.locked .hr-desc{opacity:.6}
.hr-card.locked .hr-badge{opacity:.55}
.hr-stamp{position:absolute;top:18px;right:-30px;transform:rotate(12deg);
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.14em;
  color:var(--ds-muted,#5a6675);border:2px solid var(--ds-line,#d3dae3);
  padding:5px 36px;opacity:.85;background:#fff}
.hr-soon{margin-top:auto;align-self:flex-start;font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ds-muted,#5a6675)}

.hr-foot{border-top:1px solid var(--ds-line,#d3dae3);margin-top:48px;padding:24px 22px;
  text-align:center;font-size:12.5px;color:var(--ds-muted,#5a6675)}

@media(max-width:820px){
  .hr-features{grid-template-columns:repeat(2,1fr)}
  .hr-tools{grid-template-columns:1fr}
  .hr-hero h1{font-size:25px}
}
@media(max-width:480px){
  .hr-features{grid-template-columns:1fr}
}


/* Revisión editorial del índice de Herramientas */
.ds-page .ht-overview{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(650px,1.18fr);
  gap:58px;
  align-items:center;
  padding:58px 72px;
  border-bottom:1px solid var(--ds-line);
  background:#f3f6f6;
}
.ds-page .ht-kicker{
  display:block;font-family:var(--mono);font-size:10px;font-weight:800;
  letter-spacing:.11em;text-transform:uppercase;color:var(--brand);
}
.ds-page .ht-overview h2{
  margin:11px 0 17px;color:var(--ds-ink);font-size:clamp(29px,3vw,43px);
  line-height:1.08;letter-spacing:-.035em;
}
.ds-page .ht-overview-copy p{margin:0;color:#5e6c75;font-size:15px;line-height:1.75;}
.ds-page .ht-flow{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ds-line);background:#fff;}
.ds-page .ht-flow>div{min-height:185px;padding:22px;border-right:1px solid var(--ds-line);}
.ds-page .ht-flow>div:last-child{border-right:0;}
.ds-page .ht-flow b{display:block;font-family:var(--mono);font-size:10px;color:var(--brand);margin-bottom:30px;}
.ds-page .ht-flow span{display:block;font-size:15px;font-weight:800;color:var(--ds-ink);margin-bottom:9px;}
.ds-page .ht-flow p{margin:0;color:#6a7780;font-size:12.5px;line-height:1.6;}
.ds-page .ht-flow .is-strong{background:var(--ds-deep);}
.ds-page .ht-flow .is-strong b{color:#8bcfeb;}
.ds-page .ht-flow .is-strong span{color:#fff;}
.ds-page .ht-flow .is-strong p{color:#bdd1da;}
.ds-page .hr-tool-meta{
  display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;
}
.ds-page .hr-tool-type,.ds-page .hr-tool-output{
  font-family:var(--mono);font-size:9px;line-height:1.4;padding:5px 8px;
  border:1px solid var(--ds-line);background:#f5f7f7;color:#5a6871;
}
.ds-page .hr-tool-output{color:var(--brand);border-color:#c7dce5;background:#eef6f9;}