/* Herramientas existentes: misma tinta, sin ámbar ni adorno. */

:root {
  --color-background: var(--bg);
  --color-foreground: var(--ink);
  --color-accent: var(--ink);
  --color-surface: var(--bg);
  --color-surface-raised: var(--bg);
  --color-muted: var(--rule);
  --color-border: var(--rule);
  --color-border-strong: var(--rule);
  --color-text-muted: var(--muted);
  --font-display: var(--font-read);
  --font-display-secondary: var(--font-read);
  --font-body: var(--font-ui);
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;
  --transition-fast: 0s;
  --transition-normal: 0s;
}

.tool-page .site-header,
.tool-page .site-footer,
.tool-page h1,
.tool-page .lede {
  max-width: none;
}

.tool-page main,
.tool-page .tool-container,
.tool-page .tool-page-container,
.tool-page .page-container {
  max-width: min(64rem, 100%);
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.tool-page h1,
.tool-page .page-title,
.tool-page .lede {
  max-width: var(--col);
}

.tool-page .page-title,
.tool-page h1 {
  border: 0;
  font-family: var(--font-read);
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.2;
}

@media (min-width: 720px) {
  .tool-page {
    padding-top: 4.5rem;
  }

  .tool-page .page-title,
  .tool-page h1 {
    font-size: 2rem;
  }
}

.tool-page .btn::before,
.tool-page .btn-submit::before,
.tool-page .btn-pro::before {
  content: none !important;
  display: none !important;
}

.tool-page button,
.tool-page input,
.tool-page textarea,
.tool-page select,
.tool-page .btn,
.tool-page .editor-form,
.tool-page .preview-container,
.tool-page .pdf-viewer-container,
.tool-page .timeline-container,
.tool-page .feature-card {
  border-radius: 0;
  box-shadow: none;
  transition: none;
}

.tool-page .back-link svg,
.tool-page .btn-help span {
  display: none;
}

.tool-page .site-footer {
  max-width: var(--col);
}