/* Base visual do Manual da Corrida para as ferramentas (Encontre seu tênis e Cadastro). */
.mdc-app{
  --preto:#0A0A0A; --grafite:#2A2C2E; --grafite-cl:#3E423C; --linha:#1C1E1F;
  --gelo:#F2F4EA; --texto:#C9CCC3; --mudo:#8A8F86; --lima:#C8EE0A; --lima-esc:#9DBB05; --erro:#FF6B5B;
  --display:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  --corpo:'Barlow',Arial,Helvetica,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --max:1180px;
  background:var(--preto);color:var(--texto);font-family:var(--corpo);font-size:17px;line-height:1.55;color-scheme:dark;
}
.mdc-app *,.mdc-app *::before,.mdc-app *::after{box-sizing:border-box}
.mdc-app a{color:inherit}
.mdc-app .wrap{max-width:var(--max);margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
.mdc-app h1,.mdc-app h2,.mdc-app h3{font-family:var(--display);font-weight:800;font-style:italic;color:var(--gelo);line-height:.95;margin:0;text-wrap:balance;letter-spacing:.005em;text-transform:none}
.mdc-app .eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--lima)}
.mdc-app .tag{display:inline-block;transform:skewX(-12deg);background:var(--lima);color:var(--preto);padding:3px 12px;font-family:var(--display);font-weight:800;font-style:italic;font-size:15px;letter-spacing:.04em;text-transform:uppercase;line-height:1.4}
.mdc-app .tag>span{display:inline-block;transform:skewX(12deg)}
.mdc-app .tag.dark{background:var(--preto);color:var(--gelo)}
.mdc-app .tag.gray{background:var(--grafite);color:var(--gelo)}
.mdc-app .btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-weight:800;font-style:italic;font-size:20px;letter-spacing:.03em;text-transform:uppercase;padding:12px 26px;transform:skewX(-12deg);border:0;cursor:pointer;line-height:1.2}
.mdc-app .btn>span{transform:skewX(12deg);display:inline-flex;align-items:center;gap:10px}
.mdc-app .btn.lima{background:var(--lima);color:var(--preto)}
.mdc-app .btn.lima:hover{background:var(--gelo)}
.mdc-app .btn.ghost{background:transparent;color:var(--gelo);box-shadow:inset 0 0 0 2px var(--grafite-cl)}
.mdc-app .btn.ghost:hover{box-shadow:inset 0 0 0 2px var(--lima);color:var(--lima)}
.mdc-app .btn:disabled{opacity:.45;cursor:not-allowed}
.mdc-app :focus-visible{outline:3px solid var(--lima);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.mdc-app *{transition:none!important;scroll-behavior:auto!important}}