/* Guía breve de la app nueva. */
.guide-v2 { display: grid; gap: 1rem; max-width: 52rem; }
.guide-hero { display: flex; align-items: center; gap: 1rem; padding: 1.4rem; border-radius: 1.9rem; color: var(--app-on-tone-container); background: var(--app-tone-container); }
.guide-hero .buddy { font-size: 1.3rem; }
.guide-hero h2 { margin: 0 0 .3rem; color: inherit; font-size: 1.3rem; font-weight: 750; }
.guide-hero p { margin: 0; }
.guide-block { padding: 1.3rem; border-radius: 1.9rem; background: var(--app-surface); box-shadow: var(--app-shadow); }
.guide-block h2 { margin: 0 0 .5rem; font-size: 1.25rem; font-weight: 750; }
.guide-muted { margin: 0 0 .8rem; color: var(--app-muted); font-size: .9rem; }
.guide-examples { display: flex; flex-wrap: wrap; gap: .45rem; }
.guide-example { display: inline-flex; align-items: center; gap: .45rem; padding: .55rem .85rem; border: 1px solid var(--app-line-strong); border-radius: .9rem; color: var(--app-ink); background: var(--app-surface-2); font-size: .9rem; font-weight: 600; text-align: left; }
.guide-example .bi { color: var(--app-tone); }
.guide-example:not(:disabled):hover { border-color: var(--app-tone); }
.guide-example:disabled { opacity: .85; }
.guide-tabs { display: grid; gap: 3px; }
.guide-tabs article { display: flex; gap: .8rem; padding: .85rem; border-radius: .5rem; background: var(--app-surface-2); }
.guide-tabs article:first-child { border-top-left-radius: 1.3rem; border-top-right-radius: 1.3rem; }
.guide-tabs article:last-child { border-bottom-left-radius: 1.3rem; border-bottom-right-radius: 1.3rem; }
.guide-tabs span { width: 2.4rem; height: 2.4rem; display: grid; place-items: center; flex: 0 0 auto; border-radius: .9rem; color: var(--app-on-tone-container); background: var(--app-tone-container); font-size: 1.1rem; }
.guide-tabs h3 { margin: 0 0 .15rem; font-size: 1rem; font-weight: 750; }
.guide-tabs p { margin: 0; color: var(--app-ink-2); font-size: .9rem; }
.guide-steps ol { display: grid; gap: .6rem; margin: .4rem 0 0; padding-left: 1.2rem; }
.guide-steps li { color: var(--app-ink-2); }
.guide-steps li::marker { color: var(--app-tone); font-weight: 800; }
.guide-faq { border-top: 1px solid var(--app-line); }
.guide-faq:first-of-type { border-top: 0; }
.guide-faq summary { padding: .8rem 0; font-weight: 650; cursor: pointer; }
.guide-faq p { margin: 0 0 .9rem; color: var(--app-ink-2); }
.public-guide-shell .app-main { margin-left: 0 !important; padding-bottom: 2rem; }