/* Subconjunto de tokens Plató de 04-nucleo/panel/src/app/globals.css. */
:root {
  --color-background: #f4f4f6;
  --color-surface: #ffffff;
  --color-text: #1c1c1e;
  --color-text-muted: #6b6b70;
  --color-border-strong: rgba(20, 20, 24, 0.18);
  --color-action-link: #0a5bd3;
  --space-1: 4px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-7: 40px;
  --space-8: 48px;
  --radius-lg: 14px;
  --font-size-body: 15px;
  --line-height-body: 1.5;
  --width-reading: 74ch;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--color-background); color: var(--color-text); font: var(--font-size-body)/var(--line-height-body) system-ui, sans-serif; }
.envoltura { max-width: calc(var(--width-reading) + var(--space-8) * 2); margin-inline: auto; padding: var(--space-5); }
header { border-bottom: 1px solid var(--color-border-strong); background: var(--color-surface); }
main { margin-block: var(--space-7); border: 1px solid var(--color-border-strong); background: var(--color-surface); border-radius: var(--radius-lg); }
h1 { max-width: var(--width-reading); line-height: normal; }
p { max-width: var(--width-reading); }
.marca { color: var(--color-text); font-weight: bold; text-decoration: none; }
.etiqueta { color: var(--color-text-muted); font-weight: bold; letter-spacing: 0.08em; }
a { color: var(--color-action-link); text-underline-offset: var(--space-1); }
a:focus-visible { outline: var(--space-1) solid var(--color-action-link); outline-offset: var(--space-1); }
.salto { position: absolute; inset-inline-start: var(--space-4); inset-block-start: calc(-1 * var(--space-8) * 2); z-index: 2; background: var(--color-surface); padding: var(--space-3); }
.salto:focus { inset-block-start: var(--space-1); }
footer { color: var(--color-text-muted); }