From 6222a46062fdd74c392acc59f7d150a913671190 Mon Sep 17 00:00:00 2001
From: adevopg <adevopg@gmail.com>
Date: Mon, 13 Jul 2026 17:56:24 +0000
Subject: [PATCH] =?UTF-8?q?d-points:=20arreglar=20iconos=20de=20los=20boto?=
 =?UTF-8?q?nes=20de=20m=C3=A9todo=20(Stripe/SumUp)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Los SVG no tenían tamaño intrínseco y se renderizaban enormes encima del
texto. Se porta el layout flex de .dnt-methods del tema original y se
dimensionan los iconos (22px, en línea con el texto) igual que se veía
PayPal. Los SVG llevan ahora width/height explícitos.

Verificado además el flujo Stripe de extremo a extremo (tarjeta de prueba
4242): pago -> página de éxito -> 100 PD acreditados por €1 con reclamo
atómico idempotente. Datos de prueba restaurados tras la verificación.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 web-next/app/globals.css                      | 21 +++++++++++++++++++
 .../nw-ryu/nw-images/nw-logos/stripe-logo.svg |  2 +-
 .../nw-images/nw-logos/stripe-p-logo.svg      |  2 +-
 .../nw-ryu/nw-images/nw-logos/sumup-logo.svg  |  2 +-
 .../nw-images/nw-logos/sumup-p-logo.svg       |  2 +-
 5 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/web-next/app/globals.css b/web-next/app/globals.css
index a20e6e3..1aca273 100644
--- a/web-next/app/globals.css
+++ b/web-next/app/globals.css
@@ -427,3 +427,24 @@ textarea:focus {
   vertical-align: middle;
   margin: 0 2px;
 }
+
+/* Pasarelas de pago en /d-points: layout e iconos de los botones de método
+   (portado del tema original; los SVG no tienen tamaño intrínseco, así que se
+   dimensionan aquí para que el icono quede en línea con el texto como PayPal). */
+.dnt-sidebar.dnt-methods {
+  margin-top: 5px;
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  gap: 5px;
+}
+.dnt-sidebar.dnt-methods .dnt-button-2 {
+  flex: 1 1 auto;
+  padding: 0 18px;
+}
+.dnt-sidebar.dnt-methods .dnt-button-2 img {
+  height: 22px;
+  width: auto;
+  vertical-align: middle;
+  margin-right: 6px;
+}
diff --git a/web-next/public/nw-themes/nw-ryu/nw-images/nw-logos/stripe-logo.svg b/web-next/public/nw-themes/nw-ryu/nw-images/nw-logos/stripe-logo.svg
index 0907489..c54d154 100644
--- a/web-next/public/nw-themes/nw-ryu/nw-images/nw-logos/stripe-logo.svg
+++ b/web-next/public/nw-themes/nw-ryu/nw-images/nw-logos/stripe-logo.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 46" role="img" aria-label="Stripe">
+<svg xmlns="http://www.w3.org/2000/svg" width="150" height="46" viewBox="0 0 150 46" role="img" aria-label="Stripe">
   <rect x="0" y="0" width="150" height="46" rx="9" fill="#635BFF"/>
   <text x="75" y="31" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-weight="700" font-size="24" letter-spacing="-1" fill="#ffffff">stripe</text>
 </svg>
diff --git a/web-next/public/nw-themes/nw-ryu/nw-images/nw-logos/stripe-p-logo.svg b/web-next/public/nw-themes/nw-ryu/nw-images/nw-logos/stripe-p-logo.svg
index f005edd..efe8e84 100644
--- a/web-next/public/nw-themes/nw-ryu/nw-images/nw-logos/stripe-p-logo.svg
+++ b/web-next/public/nw-themes/nw-ryu/nw-images/nw-logos/stripe-p-logo.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" role="img" aria-label="Stripe">
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" role="img" aria-label="Stripe">
   <rect x="0" y="0" width="32" height="32" rx="7" fill="#635BFF"/>
   <text x="16" y="23" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-weight="700" font-size="20" fill="#ffffff">S</text>
 </svg>
diff --git a/web-next/public/nw-themes/nw-ryu/nw-images/nw-logos/sumup-logo.svg b/web-next/public/nw-themes/nw-ryu/nw-images/nw-logos/sumup-logo.svg
index 7a280ea..231c083 100644
--- a/web-next/public/nw-themes/nw-ryu/nw-images/nw-logos/sumup-logo.svg
+++ b/web-next/public/nw-themes/nw-ryu/nw-images/nw-logos/sumup-logo.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170 46" role="img" aria-label="SumUp">
+<svg xmlns="http://www.w3.org/2000/svg" width="170" height="46" viewBox="0 0 170 46" role="img" aria-label="SumUp">
   <rect x="0" y="0" width="46" height="46" rx="9" fill="#1E64FF"/>
   <path d="M13 13 H33 V26 L26 33 H13 Z" fill="#ffffff"/>
   <text x="105" y="31" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-weight="700" font-size="24" letter-spacing="-1" fill="#1E64FF">SumUp</text>
diff --git a/web-next/public/nw-themes/nw-ryu/nw-images/nw-logos/sumup-p-logo.svg b/web-next/public/nw-themes/nw-ryu/nw-images/nw-logos/sumup-p-logo.svg
index 5cbb775..6270fa0 100644
--- a/web-next/public/nw-themes/nw-ryu/nw-images/nw-logos/sumup-p-logo.svg
+++ b/web-next/public/nw-themes/nw-ryu/nw-images/nw-logos/sumup-p-logo.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" role="img" aria-label="SumUp">
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" role="img" aria-label="SumUp">
   <rect x="0" y="0" width="32" height="32" rx="7" fill="#1E64FF"/>
   <path d="M9 9 H23 V18 L18 23 H9 Z" fill="#ffffff"/>
 </svg>