/* ============ HERRAMIENTAS (tools hub) ============ */
.tools-hero{padding:48px var(--pad) 8px;max-width:1120px;margin:0 auto}
.tools-hero .eyebrow{margin-bottom:14px}
.tools-hero h1{font-size:clamp(2rem,4.4vw,3rem);line-height:1.05;color:var(--navy);margin-bottom:14px;max-width:20ch}
.tools-hero h1 em{color:var(--gold);font-style:italic}
.tools-hero .lede{color:var(--muted);font-size:1.12rem;line-height:1.6;max-width:60ch}

.tools-grid{max-width:1120px;margin:32px auto 72px;padding:0 var(--pad);
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tool-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);padding:24px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
a.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:var(--gold-2)}
.tool-ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:16px;
  background:linear-gradient(160deg,rgba(15,45,82,.06),rgba(200,154,75,.12))}
.tool-ico svg{width:24px;height:24px;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tool-card h3{font-family:var(--serif);font-size:1.4rem;font-weight:600;color:var(--navy);margin-bottom:8px;line-height:1.15}
.tool-card p{color:var(--muted);font-size:.98rem;line-height:1.55;flex:1;margin-bottom:16px}
.tool-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.tool-time{font-size:.82rem;color:var(--muted);font-weight:600}
.tool-go{font-size:.9rem;font-weight:700;color:var(--gold-strong,#a9791f);display:flex;align-items:center;gap:6px}
.tool-go svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tool-card--soon{opacity:.72;background:var(--mist);pointer-events:none}
.tool-card--soon .tool-ico{background:rgba(90,107,129,.1)}
.tool-card--soon .tool-ico svg{stroke:var(--muted)}
.soon-pill{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted);background:var(--line);border-radius:999px;padding:4px 11px}

@media (max-width:900px){ .tools-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:600px){ .tools-grid{grid-template-columns:1fr} }