/* Páginas interiores (políticas, gracias, 404). Usa los tokens de base.css. */
.appbar .derecha .btn{white-space:nowrap}
.migas{font-size:13px;color:var(--ink-3);margin:28px 0 18px}
.migas ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0}
.migas li+li::before{content:"›";margin-right:6px;color:var(--ink-3)}
.migas a{color:var(--ink-2);text-decoration:none}
.migas a:hover{text-decoration:underline}
.migas [aria-current]{color:var(--ink)}
.prosa{max-width:760px;padding-bottom:56px}
.griegos{margin:18px 0 8px;border-top:2px solid var(--ink)}
.griegos dt{padding-top:16px;font-weight:700;font-size:17px;line-height:1.35;color:var(--ink)}
.griegos dd{margin:4px 0 0;padding-bottom:16px;border-bottom:1px solid var(--line);color:var(--ink-2)}
.prosa h1{margin-bottom:.3em}
.prosa .vigencia{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);margin-bottom:28px}
.prosa h2{font-size:20px;margin-top:1.8em}
.prosa p,.prosa li{color:var(--ink-2)}
.prosa ul,.prosa ol{padding-left:1.2em;margin:0 0 1em}
.prosa li{margin-bottom:.4em}
.prosa a{color:var(--teal)}
.prosa table{margin:8px 0 18px}
.prosa .tabla{overflow-x:auto}
.prosa .nota{background:var(--surface-2);border-left:3px solid var(--teal);border-radius:8px;padding:12px 14px;font-size:14px}
.pie{border-top:1px solid var(--line);padding:26px 0 40px;font-size:13.5px;color:var(--ink-3)}
.pie .wrap{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}
.pie a{color:var(--ink-2);text-decoration:none}
.pie a:hover{text-decoration:underline}
.pie .red{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-block:-12px;border-radius:50%}
.pie .red:hover{text-decoration:none}
.pie .red svg{width:20px;height:20px;fill:currentColor}
.pie small{margin-left:auto}
@media (max-width:640px){.pie small{margin-left:0;width:100%}}
.centro{min-height:calc(100vh - 66px);min-height:calc(100dvh - 66px);display:grid;place-items:center;text-align:center;padding:40px 0}
.centro .card{max-width:560px}
.centro .acciones{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.pasos{text-align:left;margin:18px 0 0;padding-left:1.2em}
.pasos li{margin-bottom:.5em;color:var(--ink-2)}
/* Páginas de video: promocionales en /video/<slug>/ y tutoriales en /tutoriales/<demo>/ (18-10-2026; las genera herramientas/videos-para-sitio.mjs) */
.video-pagina{max-width:1000px;padding-bottom:56px}
.video-pagina .lema{font-size:18px;margin-top:-.2em}
.video-marco{margin:18px 0 0}
.video-marco video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#04060F;border-radius:var(--radius);box-shadow:var(--shadow)}
.video-marco figcaption{font-size:13px;color:var(--ink-3);margin-top:8px}
.video-texto{max-width:760px;margin-top:22px}
.video-puntos{padding-left:1.2em;margin:0 0 18px}
.video-puntos li{color:var(--ink-2);margin-bottom:.4em}
.video-pagina .acciones{display:flex;flex-wrap:wrap;gap:10px}