/* Manual de uso (templates/manual.html.twig) y enlace del pie. */
.pie .manual { margin-right: auto; font-weight: 600; color: var(--marca); }
.pie { flex-wrap: wrap; }
@media (min-width: 640px) { .pie .manual { margin-right: 1.5rem; } }

.manual h1 { font-size: 2.6rem; margin: .5rem 0 .5rem; }
.manual .entradilla { font-size: 1.1rem; line-height: 1.5; color: var(--tenue); max-width: 62ch; }
.manual section { scroll-margin-top: 1rem; }
.manual p, .manual li, .manual dd { line-height: 1.55; max-width: 70ch; }
.manual .indice ol { margin: 0; padding-left: 1.4rem; columns: 2; column-gap: 2rem; }
.manual .indice li { padding: .2rem 0; break-inside: avoid; }
.manual .indice a { font-weight: 600; }
.manual .pasos { padding-left: 1.3rem; }
.manual .pasos li { margin-bottom: .6rem; }
.manual .nota { background: var(--superficie-2); border-radius: 8px; padding: .7rem .9rem; color: var(--texto); margin: .75rem 0 0; }
.manual .ejemplos { list-style: none; padding: 0; margin: 0 0 .9rem; display: grid; gap: .55rem; }
.manual .ejemplos li { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
.manual .paso { font: 600 1.15rem/1.15 var(--rotulo); }
.manual .paso.aviso { color: var(--aviso); }
.manual .paso.marca { color: var(--marca); }
.manual .paso.ok { color: var(--ok); }
.boton-ejemplo { display: inline-block; padding: 0 .45em; border-radius: 6px; background: var(--marca); color: var(--sobre-marca); font: 600 1.05em/1.5 var(--rotulo); white-space: nowrap; }
.manual .preguntas dt { font-weight: 650; margin-top: .9rem; }
.manual .preguntas dd { margin: .2rem 0 0; color: var(--tenue); }
@media (max-width: 480px) { .manual .indice ol { columns: 1; } }