chore: update translations

Author: github-actions[bot]

src/locales/es/.hashes/basic-paywall-screen.json

@@ -1,18 +1,18 @@
 ---
 title: "Crear una pantalla de paywall básica"
-description: "Guía paso a paso para construir una pantalla de paywall estándar en el Flow Builder."
+description: "Guía paso a paso para crear una pantalla de paywall estándar en el Flow Builder."
 metadataTitle: "Crear una pantalla de paywall básica | Flow Builder | Documentación de Adapty"
 ---
 
-Esta es la plantilla de paywall más habitual. Úsala como pantalla independiente o colócala al final de un [flow](adapty-flow-builder) de múltiples pantallas.
+Esta es la plantilla de paywall más habitual. Úsala como pantalla independiente o colócala al final de un [flow](adapty-flow-builder) de varias pantallas.
 Una pantalla de paywall estándar contiene un encabezado, una descripción de valor, una lista de características, una lista de productos, un botón de compra y enlaces en el pie de página para restaurar compras, términos de uso y política de privacidad.
 ## Antes de empezar \{#before-you-start\}
 
 - [Crea productos](create-product) en el Adapty Dashboard.
 - [Conecta Adapty con la App Store y Google Play](integrate-payments).
-## 1. Configurar estilos reutilizables \{#set-up-reusable-styles\}
+## 1. Configura estilos reutilizables \{#1-set-up-reusable-styles\}
 
-Los estilos reutilizables te permiten aplicar la misma tipografía y los mismos colores en todas las pantallas con un solo clic. Cada nuevo flow incluye un conjunto de estilos de texto predeterminados (H1, Body, Button Label, etc.): ajústalos para que coincidan con tu diseño antes de empezar a añadir elementos. Añade estilos de color para los colores de marca que usarás en toda la pantalla.
+Los estilos reutilizables te permiten aplicar la misma tipografía y colores en todas las pantallas con un solo clic. Cada nuevo flow incluye un conjunto de estilos de texto predeterminados (H1, Body, Button Label, etc.): ajústalos para que coincidan con tu diseño antes de empezar a añadir elementos. Añade estilos de color para los colores de marca que usarás en toda la pantalla.
 
 Para ver las instrucciones completas, consulta [Estilo de elementos — Estilos reutilizables](builder-styling#reusable-styles).
 
@@ -22,24 +22,24 @@ Para configurar los estilos:
 
 <ZoomImage id="basic-text-style.webp" width="500px" alt="Editando un estilo de texto predeterminado en el panel Styles" />
 
-3. En la pestaña **Colors**, haz clic en **<Inline id="plus.svg" alt="Plus" /> Create style** y añade los colores que vayas a reutilizar en la pantalla.
+3. En la pestaña **Colors**, haz clic en **<Inline id="plus.svg" alt="Plus" /> Create style** y añade los colores que planeas reutilizar en la pantalla.
 
 <ZoomImage id="basic-paywall-styles.webp" width="300px" alt="Estilos de color en el panel Styles" />
-## 2. Configura el diseño de la pantalla \{#set-up-the-screen-layout\}
+## 2. Configura el diseño de la pantalla \{#2-set-up-the-screen-layout\}
 
-La propia pantalla actúa como contenedor de todo lo que añadas. Configura primero su diseño, fondo y relleno para que los elementos que agregues después se distribuyan correctamente.
+La propia pantalla actúa como contenedor de todo lo que añadas. Configura su diseño, fondo y relleno antes de añadir elementos, para que estos se distribuyan correctamente.
 
-Para ver la lista completa de propiedades de la pantalla, consulta [Pantallas y capas — Configuración de pantalla](paywall-layout-and-products#screen-settings).
+Para ver la lista completa de propiedades de pantalla, consulta [Pantallas y capas — Configuración de pantalla](paywall-layout-and-products#screen-settings).
 
 Para configurar la pantalla:
-1. Haz clic en un área vacía del lienzo para seleccionar la pantalla. El panel derecho cambia a la configuración de la pantalla.
+1. Haz clic en un área vacía del lienzo para seleccionar la pantalla. El panel derecho cambia a los ajustes de pantalla.
 2. En **System UI**, desactiva **Safe area** para que el contenido se extienda hasta los bordes de la pantalla.
 3. En **Layout**, establece la dirección en **Vertical** <Inline id="vertical-layout.svg" alt="Vertical" /> y la distribución en **Space evenly**.
 
-<ZoomImage id="basic-paywall-screen-settings.webp" width="300px" alt="Configuración de pantalla con Safe area desactivada y diseño Vertical / Space evenly" />
+<ZoomImage id="basic-paywall-screen-settings.webp" width="300px" alt="Ajustes de pantalla con Safe area desactivado y diseño Vertical / Space evenly" />
 4. En **Fill**, elige un tipo de fondo: color sólido, degradado o imagen. En este ejemplo se usa un **Gradient** <Inline id="fill-gradient.svg" alt="Gradient" /> con dos paradas de color.
 
-<ZoomImage id="basic-paywall-screen-fill.webp" width="300px" alt="Configuración de relleno degradado en los ajustes de pantalla" />
+<ZoomImage id="basic-paywall-screen-fill.webp" width="300px" alt="Configuración de relleno con degradado en los ajustes de pantalla" />
 ## 3. Añade el botón de cierre \{#add-the-close-button\}
 
 El botón de cierre descarta el paywall. El preset **Close** viene preconfigurado — no es necesario configurar ninguna acción.
@@ -48,9 +48,9 @@ El botón de cierre descarta el paywall. El preset **Close** viene preconfigurad
 2. Selecciona **Buttons** > **Close**.
 
 <ZoomImage id="basic-paywall-close-button.gif" width="500px" alt="Añadiendo el botón Close a la pantalla" />
-## 4. Añade el título y agrúpalo con el botón de cierre \{#add-the-title-and-pair-it-with-the-close-button\}
+## 4. Añadir el título y agruparlo con el botón de cierre \{#add-the-title-and-pair-it-with-the-close-button\}
 
-El H1 se sitúa junto al botón de cierre en la parte superior de la pantalla. Para alinearlos horizontalmente, envuelve ambos en un stack horizontal.
+El H1 se sitúa junto al botón de cierre en la parte superior de la pantalla. Para alinearlos horizontalmente, envuelve ambos en un contenedor horizontal.
 
 Para añadir el título:
 
@@ -60,19 +60,19 @@ Para añadir el título:
 <ZoomImage id="basic-paywall-title-add.webp" width="500px" alt="H1 añadido a la pantalla con el campo Content a la derecha" />
 
 Para agrupar el título con el botón de cierre:
-1. En el panel **Layers**, haz clic en el menú de tres puntos <Inline id="context.svg" alt="Context menu" /> del layer del botón de cierre y elige **Wrap** > **Wrap in Horizontal Stack**.
+1. En el panel **Layers**, haz clic en el menú de tres puntos <Inline id="context.svg" alt="Context menu" /> de la capa del botón de cierre y elige **Wrap** > **Wrap in Horizontal Container**.
 
 <ZoomImage id="basic-paywall-title-wrap.webp" width="500px" alt="Three-dot context menu on the close button layer showing Wrap in Horizontal Stack" />
 
-2. Arrastra el layer H1 al nuevo stack horizontal.
+2. Arrastra la capa H1 al nuevo contenedor horizontal.
 
 <ZoomImage id="basic-paywall-title-close.gif" width="500px" alt="Dragging the H1 layer into the new horizontal stack" />
 
 Para alinear los dos elementos:
-1. Ajusta el tamaño del botón de cierre y el tamaño de fuente del H1 para que quepan cómodamente en la misma línea.
-2. Con la pila horizontal seleccionada, configura la alineación y la distribución en el panel derecho para que los elementos queden correctamente alineados.
+1. Ajusta el tamaño del botón de cerrar y el tamaño de fuente del H1 para que quepan cómodamente en la misma línea.
+2. Con el contenedor horizontal seleccionado, configura la alineación y la distribución en el panel derecho para que los elementos queden bien alineados.
 
-<ZoomImage id="basic-paywall-title-aligned.webp" width="500px" alt="Botón de cierre y H1 alineados en la pila horizontal" />
+<ZoomImage id="basic-paywall-title-aligned.webp" width="500px" alt="Botón de cerrar y H1 alineados en el stack horizontal" />
 ## 5. Añade la descripción del valor \{#add-the-value-description\}
 
 Una línea de texto breve bajo el título explica qué obtiene el usuario con la suscripción.
@@ -83,27 +83,27 @@ Una línea de texto breve bajo el título explica qué obtiene el usuario con la
 <ZoomImage id="basic-paywall-description.webp" width="500px" alt="Body text added below the title row" />
 ## 6. Añade la lista de características \{#add-the-feature-list\}
 
-La lista de características destaca qué incluye desbloquear la suscripción. Cada fila tiene un icono, un título de característica y una descripción breve.
+La lista de características destaca qué incluye desbloquear la suscripción. Cada fila tiene un icono, un título y una descripción breve.
 
-Para ver el conjunto completo de presets de listas, consulta [Elementos — List](builder-elements#list).
+Para ver todos los presets de lista disponibles, consulta [Elementos — Lista](builder-elements#list).
 
 Para añadir la lista de características:
 
 1. Haz clic en **+** > **List** y elige un preset de lista. Icon List es el más habitual en paywalls.
 2. Con cada fila seleccionada, edita el título y la descripción en el campo **Content**.
 3. Para añadir o eliminar filas, selecciona la lista y usa los controles de fila en el panel **Layers**.
 <ZoomImage id="basic-paywall-features.webp" width="500px" alt="Lista de iconos con tres filas de características" />
-## 7. Añade la lista de productos \{#add-the-product-list\}
+## 7. Añadir la lista de productos \{#add-the-product-list\}
 
-La lista de productos muestra las opciones de suscripción entre las que el usuario puede elegir. El elemento Products renderiza una tarjeta por cada producto asignado a la pantalla, y una de ellas se marca automáticamente como predeterminada.
+La lista de productos muestra las opciones de suscripción entre las que el usuario puede elegir. El elemento Products renderiza una tarjeta por cada producto asignado a la pantalla, y una tarjeta se marca automáticamente como la predeterminada.
 
-Para más información sobre la gestión de productos, consulta [Configura las compras](paywall-product-block).
+Para más información sobre la gestión de productos, consulta [Configurar compras](paywall-product-block).
 
 Para añadir y configurar productos:
-1. Haz clic en **+** > **Products** y elige un preset de diseño. La lista vertical es la más habitual.
-2. Selecciona cada tarjeta de producto en el canvas y elige un producto en el desplegable de la pestaña **Design**. El desplegable muestra todos los productos configurados en el Adapty Dashboard.
-3. Para cambiar la selección por defecto, selecciona la tarjeta que quieras y activa **Set as default product** en la pestaña **Design**.
-4. Para personalizar la etiqueta de descuento, expande una tarjeta de producto en el panel **Layers**, selecciona la capa de la etiqueta y edita su texto en el campo **Content**. Oculta la etiqueta en las demás tarjetas haciendo clic en el icono del ojo <Inline id="eye.svg" alt="Show" /> junto a cada capa de etiqueta.
+1. Haz clic en **+** > **Products** y elige una plantilla de diseño. La lista vertical es la más habitual.
+2. Selecciona cada tarjeta de producto en el lienzo y elige un producto en el desplegable de la pestaña **Design**. El desplegable muestra todos los productos configurados en el Adapty Dashboard.
+3. Para cambiar la selección predeterminada, selecciona la tarjeta que quieras y activa **Set as default product** en la pestaña **Design**.
+4. Para personalizar la insignia de descuento, despliega la tarjeta de producto en el panel **Layers**, selecciona la capa de la insignia y edita su texto en el campo **Content**. Oculta la insignia en las demás tarjetas haciendo clic en el icono de ojo <Inline id="eye.svg" alt="Show" /> junto a cada capa de insignia.
 <ZoomImage id="basic-paywall-products.gif" width="700px" alt="Añadir el elemento Productos y configurar las tarjetas de producto" />
 ## 8. Añadir el botón de compra \{#add-the-purchase-button\}
 
@@ -114,20 +114,20 @@ Para añadir el botón de compra:
 1. Haz clic en **+** > **Buttons** y elige un preset de botón.
 2. Con el botón seleccionado, abre la pestaña **Interactions** en el panel derecho.
 3. Haz clic en **Add trigger** > **On tap** y luego en **Add action**.
-4. Establece **Action** en **Purchase** y **Product** en `products.selectedProduct`.
+4. Establece **Action** como **Purchase** y **Product** como `products.selectedProduct`.
 <ZoomImage id="basic-paywall-purchase-button.gif" width="700px" alt="Configuración de la acción de compra en el botón de compra" />
-## 9. Añadir enlaces en el pie de página \{#add-footer-links\}
+## 9. Añadir enlaces al pie de página \{#add-footer-links\}
 
-El pie de página contiene enlaces a los términos de uso y la política de privacidad (obligatorios según las stores) y un botón para restaurar compras anteriores.
+El pie de página contiene enlaces a los términos de uso y la política de privacidad (requeridos por las stores) y un botón para restaurar compras anteriores.
 
-Para añadir los enlaces del pie de página:
+Para añadir los enlaces al pie de página:
 1. Haz clic en **+** > **Buttons** > **Links**. Esto añade una fila con Restore Purchases, Terms of Use y Privacy Policy.
-2. En el panel **Layers**, selecciona el botón **Terms of Use**. Abre la pestaña **Interactions** — la acción **Open URL** ya está adjunta. Haz clic en la acción e introduce la URL de destino.
+2. En el panel **Layers**, selecciona el botón **Terms of Use**. Abre la pestaña **Interactions** — la acción **Open URL** ya está asociada. Haz clic en la acción e introduce la URL de destino.
 3. Repite el proceso para el botón **Privacy Policy** con tu URL de privacidad.
 4. Deja el botón **Restore Purchases** tal como está. Su acción ya está preconfigurada.
 
 :::tip
-Si el posicionamiento de algún elemento te parece demasiado alto o bajo, o si quieres añadir más espacio en algún lugar, ajusta los márgenes y el padding del elemento.
+Si el posicionamiento de algún elemento te parece demasiado alto o bajo, o si quieres añadir más espacio en cualquier parte, ajusta los márgenes y el padding del elemento.
 :::
 <ZoomImage id="basic-paywall-footer-links.webp" width="500px" alt="Enlaces de pie de página con la acción Abrir URL configurada" />
 ## Pasos siguientes \{#next-steps\}