mercadopago · hgaldino · Jan 21, 2025 · Jan 21, 2025 · Jan 21, 2025 · Jan 22, 2025
diff --git a/guides/checkout-bricks/brand-brick/default-rendering.en.md b/guides/checkout-bricks/brand-brick/default-rendering.en.md
@@ -6,7 +6,7 @@ Before rendering the Brand Brick, first execute the [initialization steps](/deve
 >
 > Note
 >
-> To consult the types and specifications of the parameters and responses of the Brick functions, refer to the [technical documentation](https://github.com/mercadopago/sdk-js/blob/main/API/bricks/brand.md).
+> To consult the types and specifications of the parameters and responses of the Brick functions, refer to the [technical documentation](https://github.com/mercadopago/sdk-js/blob/main/docs/bricks/brand.md).
 
 ## Configure the Brick
 

diff --git a/guides/checkout-bricks/brand-brick/default-rendering.es.md b/guides/checkout-bricks/brand-brick/default-rendering.es.md
@@ -6,7 +6,7 @@ Antes de realizar la renderización del Brand Brick, primero ejecute los [pasos
 >
 > Nota
 >
-> Para consultar los tipos y especificaciones de los parámetros y respuestas de las funciones del Brick, consulte la [documentación técnica](https://github.com/mercadopago/sdk-js/blob/main/API/bricks/brand.md).
+> Para consultar los tipos y especificaciones de los parámetros y respuestas de las funciones del Brick, consulte la [documentación técnica](https://github.com/mercadopago/sdk-js/blob/main/docs/bricks/brand.md).
 
 ## Configurar el Brick
 

diff --git a/guides/checkout-bricks/brand-brick/default-rendering.pt.md b/guides/checkout-bricks/brand-brick/default-rendering.pt.md
@@ -6,7 +6,7 @@ Antes de realizar a renderização do Brand Brick, primeiro execute os [passos d
 >
 > Nota
 >
-> Para consultar tipagens e especificações dos parâmetros e respostas de funções do Brick, consulte a [documentação técnica](https://github.com/mercadopago/sdk-js/blob/main/API/bricks/brand.md).
+> Para consultar tipagens e especificações dos parâmetros e respostas de funções do Brick, consulte a [documentação técnica](https://github.com/mercadopago/sdk-js/blob/main/docs/bricks/brand.md).
 
 ## Configurar o Brick
 

diff --git a/guides/checkout-bricks/card-payment-brick/default-rendering.en.md b/guides/checkout-bricks/card-payment-brick/default-rendering.en.md
@@ -6,7 +6,7 @@ Before rendering the Card Payment Brick, first execute the [initialization steps
 >
 > Note
 >
-> To consult the types and specifications of the parameters and responses of the Brick functions, refer to the [technical documentation](https://github.com/mercadopago/sdk-js/blob/main/API/bricks/card-payment.md).
+> To consult the types and specifications of the parameters and responses of the Brick functions, refer to the [technical documentation](https://github.com/mercadopago/sdk-js/blob/main/docs/bricks/card-payment.md).
 
 ## Configure the Brick
 

diff --git a/guides/checkout-bricks/card-payment-brick/default-rendering.es.md b/guides/checkout-bricks/card-payment-brick/default-rendering.es.md
@@ -6,7 +6,7 @@ Antes de realizar la renderización del Card Payment Brick, primero ejecute los
 >
 > Nota
 >
-> Para consultar los tipos y especificaciones de los parámetros y respuestas de las funciones del Brick, consulte la [documentación técnica](https://github.com/mercadopago/sdk-js/blob/main/API/bricks/card-payment.md).
+> Para consultar los tipos y especificaciones de los parámetros y respuestas de las funciones del Brick, consulte la [documentación técnica](https://github.com/mercadopago/sdk-js/blob/main/docs/bricks/card-payment.md).
 
 ## Configurar el Brick
 

diff --git a/guides/checkout-bricks/card-payment-brick/default-rendering.pt.md b/guides/checkout-bricks/card-payment-brick/default-rendering.pt.md
@@ -6,7 +6,7 @@ Antes de realizar a renderização do Card Payment Brick, primeiro execute os [p
 >
 > Nota
 >
-> Para consultar tipagens e especificações dos parâmetros e respostas de funções do Brick, consulte a [documentação técnica](https://github.com/mercadopago/sdk-js/blob/main/API/bricks/card-payment.md).
+> Para consultar tipagens e especificações dos parâmetros e respostas de funções do Brick, consulte a [documentação técnica](https://github.com/mercadopago/sdk-js/blob/main/docs/bricks/card-payment.md).
 
 ## Configurar o Brick
 

diff --git a/guides/checkout-bricks/common-initialization.en.md b/guides/checkout-bricks/common-initialization.en.md
@@ -10,6 +10,19 @@ To set up Brick integrations and have a responsive, optimized, and configurable
 
 Use our official libraries to access Mercado Pago's features safely from your frontend.
 
+----[mlc]----
+[[[
+```html
+//  The JS code can be included in a < script > tag or a separate JS file.
+<script src="https://sdk.mercadopago.com/js/v2"></script>
+```
+```bash
+npm install @mercadopago/sdk-react @0.0.23
+```
+]]]
+
+------------
+----[mla, mlm, mlb, mpe, mco, mlu]----
 [[[
 ```html
 //  The JS code can be included in a < script > tag or a separate JS file.
@@ -20,6 +33,8 @@ npm install @mercadopago/sdk-react
 ```
 ]]]
 
+------------
+
 ## Initialize Mercado Pago library
 
 Then, initialize the Mercado Pago library to use Checkout Bricks.

diff --git a/guides/checkout-bricks/common-initialization.es.md b/guides/checkout-bricks/common-initialization.es.md
@@ -10,6 +10,19 @@ Para configurar la integración de Bricks y tener un pago receptivo, optimizado
 
 Utiliza nuestras bibliotecas oficiales para acceder a las funcionalidades de Mercado Pago de forma segura desde tu frontend.
 
+----[mlc]----
+[[[
+```html
+// El código JS se puede incluir en una etiqueta < script > o en un archivo JS separado.
+<script src="https://sdk.mercadopago.com/js/v2"></script>
+```
+```bash
+npm install @mercadopago/sdk-react @0.0.23
+```
+]]]
+
+------------
+----[mla, mlm, mlb, mpe, mco, mlu]----
 [[[
 ```html
 // El código JS se puede incluir en una etiqueta < script > o en un archivo JS separado.
@@ -20,6 +33,8 @@ npm install @mercadopago/sdk-react
 ```
 ]]]
 
+------------
+
 ## Inicializar biblioteca de Mercado Pago
 
 A continuación, inicialice la biblioteca de Mercado Pago para utilizar Checkout Bricks.

diff --git a/guides/checkout-bricks/common-initialization.pt.md b/guides/checkout-bricks/common-initialization.pt.md
@@ -10,6 +10,19 @@ Para configurar a integração dos Bricks e ter um checkout responsivo, otimizad
 
 Utilize as nossas bibliotecas oficiais para acessar as funcionalidades do Mercado Pago com segurança desde seu frontend.
 
+----[mlc]----
+[[[
+```html
+// O código JS pode ser incluído em uma tag < script > ou um arquivo JS separado.
+<script src="https://sdk.mercadopago.com/js/v2"></script>
+```
+```bash
+npm install @mercadopago/sdk-react @0.0.23
+```
+]]]
+
+------------
+----[mla, mlm, mlb, mpe, mco, mlu]----
 [[[
 ```html
 // O código JS pode ser incluído em uma tag < script > ou um arquivo JS separado.
@@ -20,6 +33,8 @@ npm install @mercadopago/sdk-react
 ```
 ]]]
 
+------------
+
 ## Inicializar biblioteca Mercado Pago
 
 Em seguida, inicialize a biblioteca Mercado Pago para utilizar Checkout Bricks.

diff --git a/guides/checkout-bricks/introduction.en.md b/guides/checkout-bricks/introduction.en.md
@@ -12,7 +12,7 @@ The Brick has responsive capabilities in terms of the size within the screen. Th
 
 ----[mlc]----
 
-![responsiveness-mlb](checkout-bricks/responsiveness-mlc-en.png)
+![responsiveness-mlc](checkout-bricks/responsiveness-all-en.png)
 
 ------------
 ----[mlb]----

diff --git a/guides/checkout-bricks/introduction.es.md b/guides/checkout-bricks/introduction.es.md
@@ -12,7 +12,7 @@ El Brick posee capacidades responsivas en términos del tamaño del espacio en l
 
 ----[mlc]---- 
 
-![responsiveness-mlb](checkout-bricks/responsiveness-mlc-es.png)
+![responsiveness-mlc](checkout-bricks/responsiveness-all-es.png)
 
 ------------
 ----[mlb]---- 

diff --git a/guides/checkout-bricks/introduction.pt.md b/guides/checkout-bricks/introduction.pt.md
@@ -12,7 +12,7 @@ O Brick possui capacidades responsivas no que tange o tamanho do espaço em tela
 
 ----[mlc]---- 
 
-![responsiveness-mlb](checkout-bricks/responsiveness-mlc-pt.png)
+![responsiveness-mlc](checkout-bricks/responsiveness-all-pt.png)
 
 ------------
 ----[mlb]---- 

diff --git a/guides/checkout-bricks/modify-variables.en.md b/guides/checkout-bricks/modify-variables.en.md
@@ -4,13 +4,22 @@
 >
 > Modify CSS variables
 
+----[mlc]----
+| Key | Available options |
+| --- | --- |
+| Property  | customization.visual.style.customVariables.{textPrimaryColor, textSecondaryColor, inputBackgroundColor, formBackgroundColor, baseColor, baseColorFirstVariant, baseColorSecondVariant, errorColor, successColor, successSecondaryColor, outlinePrimaryColor, outlineSecondaryColor, buttonTextColor, fontSizeExtraExtraSmall, fontSizeExtraSmall, fontSizeSmall, fontSizeMedium, fontSizeLarge, fontSizeExtraLarge, fontWeightNormal, fontWeightSemiBold, formInputsTextTransform, inputVerticalPadding, inputHorizontalPadding, inputFocusedBoxShadow, inputErrorFocusedBoxShadow, inputBorderWidth, inputFocusedBorderWidth, borderRadiusSmall, borderRadiusMedium, borderRadiusLarge, formPadding} |
+
+------------
+----[mlb, mla, mlm, mpe, mco, mlu]----
 | - | Brick |
 | --- | --- |
 | Customization moment | When rendering Brick |
 | Property | customization.visual.style.customVariables.{textPrimaryColor, textSecondaryColor, inputBackgroundColor, formBackgroundColor, baseColor, baseColorFirstVariant, baseColorSecondVariant, errorColor, successColor, outlinePrimaryColor, outlineSecondaryColor, buttonTextColor, fontSizeExtraSmall, fontSizeSmall, fontSizeMedium, fontSizeLarge, fontSizeExtraLarge, fontWeightNormal, fontWeightSemiBold, formInputsTextTransform, inputVerticalPadding, inputHorizontalPadding, inputFocusedBoxShadow, inputErrorFocusedBoxShadow, inputBorderWidth, inputFocusedBorderWidth, borderRadiusSmall, borderRadiusMedium, borderRadiusLarge, formPadding} |
 | Type | string |
 | Comments | Size values such as fontSize and padding accept values in px, rem, em, and %. These settings change the CSS variables that control the theme. |
 
+------------
+
 [[[
 ```Javascript
 const settings = {

diff --git a/guides/checkout-bricks/modify-variables.es.md b/guides/checkout-bricks/modify-variables.es.md
@@ -4,13 +4,22 @@
 >
 > Cambiar variables CSS
 
+----[mlc]----
+| Clave | Opciones disponibles |
+| --- | --- |
+| Propiedad  | customization.visual.style.customVariables.{textPrimaryColor, textSecondaryColor, inputBackgroundColor, formBackgroundColor, baseColor, baseColorFirstVariant, baseColorSecondVariant, errorColor, successColor, successSecondaryColor, outlinePrimaryColor, outlineSecondaryColor, buttonTextColor, fontSizeExtraExtraSmall, fontSizeExtraSmall, fontSizeSmall, fontSizeMedium, fontSizeLarge, fontSizeExtraLarge, fontWeightNormal, fontWeightSemiBold, formInputsTextTransform, inputVerticalPadding, inputHorizontalPadding, inputFocusedBoxShadow, inputErrorFocusedBoxShadow, inputBorderWidth, inputFocusedBorderWidth, borderRadiusSmall, borderRadiusMedium, borderRadiusLarge, formPadding} |
+
+------------
+----[mlb, mla, mlm, mpe, mco, mlu]----
 | - | Brick |
 | --- | --- |
 | Momento de personalización | Al renderizar Brick |
 | Propiedad | customization.visual.style.customVariables.{textPrimaryColor, textSecondaryColor, inputBackgroundColor, formBackgroundColor, baseColor, baseColorFirstVariant, baseColorSecondVariant, errorColor, successColor, outlinePrimaryColor, outlineSecondaryColor, buttonTextColor, fontSizeExtraSmall, fontSizeSmall, fontSizeMedium, fontSizeLarge, fontSizeExtraLarge, fontWeightNormal, fontWeightSemiBold, formInputsTextTransform, inputVerticalPadding, inputHorizontalPadding, inputFocusedBoxShadow, inputErrorFocusedBoxShadow, inputBorderWidth, inputFocusedBorderWidth, borderRadiusSmall, borderRadiusMedium, borderRadiusLarge, formPadding} |
 | Tipo | string |
 | Observaciones | Los valores de tamaño como fontSize y padding aceptan valores en px, rem, em y %. Estos ajustes cambian las variables CSS que controlan el tema. |
 
+------------
+
 [[[
 ```Javascript
 const settings = {

diff --git a/guides/checkout-bricks/modify-variables.pt.md b/guides/checkout-bricks/modify-variables.pt.md
@@ -4,13 +4,22 @@
 >
 > Alterar variáveis CSS 
 
+----[mlc]----
+| Chave | Opções disponíveis |
+| --- | --- |
+| Propriedade  | customization.visual.style.customVariables.{textPrimaryColor, textSecondaryColor, inputBackgroundColor, formBackgroundColor, baseColor, baseColorFirstVariant, baseColorSecondVariant, errorColor, successColor, successSecondaryColor, outlinePrimaryColor, outlineSecondaryColor, buttonTextColor, fontSizeExtraExtraSmall, fontSizeExtraSmall, fontSizeSmall, fontSizeMedium, fontSizeLarge, fontSizeExtraLarge, fontWeightNormal, fontWeightSemiBold, formInputsTextTransform, inputVerticalPadding, inputHorizontalPadding, inputFocusedBoxShadow, inputErrorFocusedBoxShadow, inputBorderWidth, inputFocusedBorderWidth, borderRadiusSmall, borderRadiusMedium, borderRadiusLarge, formPadding} |
+
+------------
+----[mlb, mla, mlm, mpe, mco, mlu]----
 | - | Brick |
 | --- | --- |
 | Momento da customização  | Ao renderizar Brick  |
 | Propriedade  | customization.visual.style.customVariables.{textPrimaryColor, textSecondaryColor, inputBackgroundColor, formBackgroundColor, baseColor, baseColorFirstVariant, baseColorSecondVariant, errorColor, successColor, outlinePrimaryColor, outlineSecondaryColor, buttonTextColor, fontSizeExtraSmall, fontSizeSmall, fontSizeMedium, fontSizeLarge, fontSizeExtraLarge, fontWeightNormal, fontWeightSemiBold, formInputsTextTransform, inputVerticalPadding, inputHorizontalPadding, inputFocusedBoxShadow, inputErrorFocusedBoxShadow, inputBorderWidth, inputFocusedBorderWidth, borderRadiusSmall, borderRadiusMedium, borderRadiusLarge, formPadding} |
 | Tipo  | string  |
 | Observações  | Os valores de tamanho, como fontSize e padding, aceitam valores em px, rem, em e %. Essas configurações alteram as variáveis CSS que controlam o tema.  |
 
+------------
+
 [[[
 ```Javascript
 const settings = {

diff --git a/guides/checkout-bricks/status-screen-brick/default-rendering.en.md b/guides/checkout-bricks/status-screen-brick/default-rendering.en.md
@@ -6,7 +6,7 @@ Before rendering the Status Screen Brick, first execute the [initialization step
 >
 > Note
 >
-> To consult the types and specifications of the parameters and responses of the Brick functions, refer to the [technical documentation](https://github.com/mercadopago/sdk-js/blob/main/API/bricks/status-screen.md).
+> To consult the types and specifications of the parameters and responses of the Brick functions, refer to the [technical documentation](https://github.com/mercadopago/sdk-js/blob/main/docs/bricks/status-screen.md).
 
 ## Configure the Brick
 

diff --git a/guides/checkout-bricks/status-screen-brick/default-rendering.es.md b/guides/checkout-bricks/status-screen-brick/default-rendering.es.md
@@ -6,7 +6,7 @@ Antes de realizar la renderización del Status Screen Brick, primero ejecute los
 >
 > Nota
 >
-> Para consultar los tipos y especificaciones de los parámetros y respuestas de las funciones del Brick, consulte la [documentación técnica](https://github.com/mercadopago/sdk-js/blob/main/API/bricks/status-screen.md).
+> Para consultar los tipos y especificaciones de los parámetros y respuestas de las funciones del Brick, consulte la [documentación técnica](https://github.com/mercadopago/sdk-js/blob/main/docs/bricks/status-screen.md).
 
 ## Configurar el Brick
 

diff --git a/guides/checkout-bricks/status-screen-brick/default-rendering.pt.md b/guides/checkout-bricks/status-screen-brick/default-rendering.pt.md
@@ -6,7 +6,7 @@ Antes de realizar a renderização do Status Screen Brick, primeiro execute os [
 >
 > Nota
 >
-> Para consultar tipagens e especificações dos parâmetros e respostas de funções do Brick, consulte a [documentação técnica](https://github.com/mercadopago/sdk-js/blob/main/API/bricks/status-screen.md).
+> Para consultar tipagens e especificações dos parâmetros e respostas de funções do Brick, consulte a [documentação técnica](https://github.com/mercadopago/sdk-js/blob/main/docs/bricks/status-screen.md).
 
 ## Configurar o Brick
 

diff --git a/guides/checkout-bricks/status-screen-brick/hide-processing-details.en.md b/guides/checkout-bricks/status-screen-brick/hide-processing-details.en.md
@@ -36,17 +36,11 @@ const customization = {
 ```
 ]]]
 
-----[mlb]----
-![status-screen-brick-hide-processing-details](checkout-bricks/status-screen-brick-hide-processing-details-mlb-en.jpg)
-
-------------
-----[mpe]----
-
-![status-screen-brick-hide-processing-details](checkout-bricks/status-screen-brick-hide-processing-details-mpe-en.jpg)
+----[mlc]----
+![status-screen-brick-hide-processing-details](checkout-bricks/status-screen-brick-hide-processing-details-all-en.jpg)
 
 ------------
-----[mlm, mla, mco, mlu, mlc]----
-
-![status-screen-brick-hide-processing-details](checkout-bricks/status-screen-brick-hide-processing-details-all-en.jpg)
+----[mlb, mlm, mla, mpe, mco, mlu]----
+![status-screen-brick-hide-processing-details](checkout-bricks/status-screen-brick-hide-processing-details-en.jpg)
 
 ------------
diff --git a/guides/checkout-bricks/status-screen-brick/hide-processing-details.es.md b/guides/checkout-bricks/status-screen-brick/hide-processing-details.es.md
@@ -36,17 +36,11 @@ const customization = {
 ```
 ]]]
 
-----[mlb]----
-![status-screen-brick-hide-processing-details](checkout-bricks/status-screen-brick-hide-processing-details-mlb-es.jpg)
-
-------------
-----[mpe]----
-
-![status-screen-brick-hide-processing-details](checkout-bricks/status-screen-brick-hide-processing-details-mpe-es.jpg)
+----[mlc]----
+![status-screen-brick-hide-processing-details](checkout-bricks/status-screen-brick-hide-processing-details-all-es.jpg)
 
 ------------
-----[mlm, mla, mco, mlu, mlc]----
-
-![status-screen-brick-hide-processing-details](checkout-bricks/status-screen-brick-hide-processing-details-all-es.jpg)
+----[mlb, mlm, mla, mpe, mco, mlu]----
+![status-screen-brick-hide-processing-details](checkout-bricks/status-screen-brick-hide-processing-details-es.jpg)
 
 ------------
diff --git a/guides/checkout-bricks/status-screen-brick/hide-processing-details.pt.md b/guides/checkout-bricks/status-screen-brick/hide-processing-details.pt.md
@@ -36,17 +36,11 @@ const customization = {
 ```
 ]]]
 
-----[mlb]----
-![status-screen-brick-hide-processing-details](checkout-bricks/status-screen-brick-hide-processing-details-mlb-pt.jpg)
-
-------------
-----[mpe]----
-
-![status-screen-brick-hide-processing-details](checkout-bricks/status-screen-brick-hide-processing-details-mpe-pt.jpg)
+----[mlc]----
+![status-screen-brick-hide-processing-details](checkout-bricks/status-screen-brick-hide-processing-details-all-pt.jpg)
 
 ------------
-----[mlm, mla, mco, mlu, mlc]----
-
-![status-screen-brick-hide-processing-details](checkout-bricks/status-screen-brick-hide-processing-details-all-pt.jpg)
+----[mlb, mlm, mla, mpe, mco, mlu]----
+![status-screen-brick-hide-processing-details](checkout-bricks/status-screen-brick-hide-processing-details-pt.jpg)
 
 ------------
-Original file line number
+Diff line change
@@ Expand Up @@
     >
     > Note
     >
-    > To consult the types and specifications of the parameters and responses of the Brick functions, refer to the [technical documentation](https://github.com/mercadopago/sdk-js/blob/main/API/bricks/brand.md).
+    > To consult the types and specifications of the parameters and responses of the Brick functions, refer to the [technical documentation](https://github.com/mercadopago/sdk-js/blob/main/docs/bricks/brand.md).
     ## Configure the Brick
@@ Expand Down @@