.route-tools .tools-hero{padding:clamp(72px,9vw,120px) 0 34px;position:relative}
.route-tools .tools-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:44px;align-items:end}
.route-tools .tools-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.route-tools .tools-hero h1{font-size:clamp(42px,7vw,78px);line-height:.96;letter-spacing:-.055em;margin:0 0 20px;max-width:820px}
.route-tools .tools-hero p{max-width:720px;color:var(--muted);font-size:clamp(15px,1.6vw,18px);line-height:1.7;margin:0}
.route-tools .tools-hero-note{border-left:1px solid var(--line-dark);padding:4px 0 4px 22px;color:var(--muted);font-size:13px;line-height:1.65}
.route-tools .tools-shell{padding:18px 0 100px}
.route-tools .tools-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}
.route-tools .tools-section-head h2{margin:0;font-size:22px;letter-spacing:-.03em}.route-tools .tools-section-head p{margin:0;color:var(--muted);font-size:12px}
.route-tools .tools-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark)}
.route-tools .tool-card{min-height:190px;border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);padding:20px;display:flex;flex-direction:column;gap:12px;background:color-mix(in srgb,var(--paper) 86%,transparent);position:relative;overflow:hidden;transition:background .2s ease,transform .2s ease}
.route-tools a.tool-card:hover{background:var(--paper-elevated);transform:translateY(-2px)}
.route-tools .tool-card.is-placeholder{min-height:126px;opacity:.58;justify-content:center}
.route-tools .tool-index{font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--primary);letter-spacing:.12em}
.route-tools .tool-icon{width:44px;height:44px;border:1px solid var(--line-dark);display:grid;place-items:center;font-size:21px;background:var(--paper-soft)}
.route-tools .tool-card h3{font-size:15px;margin:0}.route-tools .tool-card p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}
.route-tools .tool-card strong.tool-action{margin-top:auto;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--primary)}
.route-tools .placeholder-line{height:7px;width:54%;background:var(--line);display:block}.route-tools .placeholder-line.short{width:34%}
.route-tools .tools-seo{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;padding:70px 0 0;border-top:1px solid var(--line-dark);margin-top:56px}
.route-tools .tools-seo h2{font-size:clamp(28px,4vw,44px);letter-spacing:-.045em;line-height:1.05;margin:0}.route-tools .tools-seo-copy{display:grid;gap:18px;color:var(--muted);font-size:14px;line-height:1.75}.route-tools .tools-seo-copy p{margin:0}
.route-tools .tools-guides{margin-top:58px;padding-top:50px;border-top:1px solid var(--line-dark)}
.route-tools .tools-guides-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:end;margin-bottom:20px}.route-tools .tools-guides-head h2{margin:0;font-size:clamp(27px,3.5vw,40px);letter-spacing:-.04em}.route-tools .tools-guides-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.65;max-width:620px}
.route-tools .tools-guide-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark)}.route-tools .tools-guide-links a{min-height:92px;border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:color-mix(in srgb,var(--paper) 88%,transparent);transition:background .2s ease,transform .2s ease}.route-tools .tools-guide-links a:hover{background:var(--paper-elevated);transform:translateY(-1px)}.route-tools .tools-guide-links span{font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--primary);letter-spacing:.1em}.route-tools .tools-guide-links strong{font-size:13px;line-height:1.35}.route-tools .tools-guide-links b{font-size:13px;color:var(--muted)}
.route-tools .tools-faq{margin-top:52px;max-width:900px}.route-tools .tools-faq h2{font-size:24px}.route-tools .tools-faq details{border-top:1px solid var(--line-dark);padding:16px 0}.route-tools .tools-faq details:last-child{border-bottom:1px solid var(--line-dark)}.route-tools .tools-faq summary{cursor:pointer;font-weight:800}.route-tools .tools-faq p{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.65}
@media(max-width:1050px){.route-tools .tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.route-tools .tools-hero-grid,.route-tools .tools-seo,.route-tools .tools-guides-head{grid-template-columns:1fr;gap:24px}.route-tools .tools-guide-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.route-tools .tools-hero{padding-top:46px}.route-tools .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-tools .tools-guide-links{grid-template-columns:1fr}.route-tools .tool-card{min-height:160px;padding:16px}.route-tools .tool-card.is-placeholder{min-height:96px}.route-tools .tools-section-head{align-items:flex-start;flex-direction:column;gap:6px}}
@media(max-width:430px){.route-tools .tools-grid{grid-template-columns:1fr}.route-tools .tool-card.is-placeholder:nth-of-type(n+8){display:none}}

/* Tema de la sección Útiles y sus guías: comparte el selector global de YRV Design. */
html[data-theme="classic"] body.route-tools{
  --bg:#f5f6fb;
  --paper:#ffffff;
  --paper-soft:#eceef7;
  --paper-elevated:#e4e6f3;
  --text:#202136;
  --muted:#565a73;
  --line:#d6d8e7;
  --line-dark:#c9ccdc;
  --primary:#6240bb;
  --primary-dark:#5130a6;
  --shadow:0 18px 42px rgba(31,34,58,.12);
  color-scheme:light;
  background:var(--bg);
  color:var(--text);
}
html[data-theme="classic-dark"] body.route-tools{
  color-scheme:dark;
  background:var(--bg);
  color:var(--text);
}
.route-tools .tool-card,
.route-tools .tools-guide-links a,
.route-tools .tool-guide-card,
.route-tools .tool-help-card{color:var(--text)}