/* Bloque «Formulario de demo» (acanda/captacion-demo, #89). Solo tokens de style.css.
 * La caja es la de form-demo (su hoja va antes, por `acanda.components`). */

/* Dentro del contenido por bloques (`.pf-bloques`), el formulario lleva la letra
 * de la web, no la de lectura: se ve igual que en el inicio. Aire de sección
 * arriba y abajo, como los bloques de paginas. */
.pf-bloque-demo {
    margin-block: var(--pf-space-2xl);
    font-size: var(--pf-text-base);
    line-height: var(--pf-leading-normal);
}

/* Con la banda de anillos, el aire es el relleno de la banda (`seccion`) y la
 * caja, a la medida del inicio. */
.pf-bloque-demo--banda {
    margin-block: 0;
}

.pf-bloque-demo--banda .pf-form-demo {
    max-width: 46rem;
    margin-inline: auto;
}