/* La guía reutiliza los tokens y la tipografía de los documentos públicos. */
html { scroll-padding-top: 1rem; }
.guia-skip { position: absolute; top: -5rem; left: 1rem; padding: .6rem 1rem; background: var(--surface); }
.guia-skip:focus { top: .5rem; }
.guia-indice { margin-top: var(--s3); padding: var(--s3); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
.guia-indice ul { margin: 0; }
.guia-indice a { display: inline-block; padding-block: .3rem; }
.guia-demo { margin-top: var(--s5); padding: var(--s3); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
.guia-demo h2 { margin-top: 0; }
.guia-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: .85rem 1.4rem; border-radius: 8px; background: var(--green); color: var(--deep-ink); font-family: Archivo, system-ui, sans-serif; font-weight: 700; text-align: center; text-decoration: none; }
.guia-cta:hover { background: #1fb855; }
.guia-nota { font-size: var(--step--1); color: var(--ink-soft); }
@media (max-width: 480px) { .guia-cta { width: 100%; padding-inline: .75rem; } }