/* Herramientas: internal pages (#herramientas/<slug>) embedding each tool in an
       iframe for full style/script isolation. They reuse the capabilities-page bar
       and head, and follow the site light/dark theme tokens. */
    .tool-page { display:none; min-height:100vh; padding:0 0 clamp(4rem,8vw,7rem);
      --c-bg:#f7f8f5; --c-surface:#ffffff; --c-surface-soft:#f0f3ef; --c-ink:#121714;
      --c-muted:#66706a; --c-line:#dde2dc; --c-line-strong:#c8d0c9; --c-green:#3cc34f;
      background:var(--c-bg); color:var(--c-ink); color-scheme:light; }
    html[data-theme="dark"] .tool-page { --c-bg:#06090e; --c-surface:#06090e; --c-surface-soft:#06090e;
      --c-ink:#f4f7f4; --c-muted:#a7b0a9; --c-line:#2b342d; --c-line-strong:#465248; color-scheme:dark; }
    body.tool-open { overflow-x:hidden; }
    body.tool-open > .hero, body.tool-open > .marquee, body.tool-open > main, body.tool-open > footer,
    body.tool-open > .capabilities-page, body.tool-open > .approach-page, body.tool-open > .social-dock,
    body.tool-open > .assistant-panel, body.tool-open > .assistant-launcher { display:none; }
    body.tool-open > .tool-page.is-active { display:block; }
    .tool-page .capabilities-page-head h1 { white-space:normal; text-wrap:balance; }
    .tool-intro { margin:14px auto 0; max-width:760px; color:var(--c-muted); font-size:.98rem; line-height:1.75; text-align:center; }
    .tool-frame-wrap { max-width:1120px; margin:0 auto; background:var(--c-surface); border:1px solid var(--c-line); border-radius:16px; overflow:hidden; }
    .tool-frame { display:block; width:100%; height:780px; border:0; background:transparent; }
    .tool-privacy { max-width:1120px; margin:18px auto 0; display:flex; gap:10px; align-items:flex-start; color:var(--c-muted); font-size:.9rem; line-height:1.65; }
    .tool-privacy svg { flex:0 0 auto; width:18px; height:18px; margin-top:2px; color:var(--c-green); fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }
    @media (max-width:640px) { .tool-frame { height:660px; } }