Componentes

Los bloques con los que se construye cada paywall: stacks, texto, imágenes, tarjetas de producto, botones y divisores.

Cada paywall es un árbol de objetos ComponentNode. Hay seis tipos principales. Cada uno se renderiza de forma idéntica en la vista previa del estudio, la URL hosteada y todos los SDKs.

Componente	Propósito
`stack`	Contenedor de layout. Horizontal o vertical, con gap y alineación.
`text`	Renderiza cadenas interpoladas con Liquid. Admite estilos de texto enriquecido.
`image`	Recurso de imagen. Object-fit, relación de aspecto y bordes redondeados configurables por nodo.
`productCard`	Vinculado a un slot de producto. Renderiza precio, intervalo de facturación y el texto de prueba.
`button`	Nodo interactivo. Dispara una acción al tocarlo (compra, cerrar, enlace, restaurar).
`divider`	Línea fina horizontal o vertical.

Todo componente admite un fill (fondo) y un border (color, grosor, lado), además de una condition para la lógica de mostrar u ocultar controlada por Liquid.