From db148553f8bb4e9fdc5b91c7cf82770cf97bddd3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Edrei=20T=C3=A9llez?= <edreitega@MacBook-Pro-de-Edrei.local>
Date: Fri, 12 Jun 2026 18:07:29 -0600
Subject: [PATCH] SEC-001: ajustar estilo del widget Turnstile (tema claro,
 ancho 50%, centrado).

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 components/Turnstile.vue | 29 ++++++++++++++++++++++++++---
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/components/Turnstile.vue b/components/Turnstile.vue
index 309a97c..132ddcf 100644
--- a/components/Turnstile.vue
+++ b/components/Turnstile.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="has-text-centered">
-    <div ref="turnstileContainer"></div>
+  <div class="turnstile-wrap">
+    <div ref="turnstileContainer" class="turnstile-container"></div>
   </div>
 </template>
 
@@ -37,6 +37,8 @@ export default {
       if (!this.$refs.turnstileContainer || this.widgetId !== null) return
       this.widgetId = window.turnstile.render(this.$refs.turnstileContainer, {
         sitekey: this.sitekey,
+        theme: 'light',
+        size: 'flexible',
         callback: (token) => {
           this.token = token
         },
@@ -77,4 +79,25 @@ export default {
 }
 </script>
 
-<style scoped></style>
+<style scoped>
+.turnstile-wrap {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  margin: 0.75rem 0;
+}
+
+.turnstile-container {
+  width: 50%;
+}
+
+.turnstile-container >>> div {
+  display: flex;
+  justify-content: center;
+}
+
+.turnstile-container >>> iframe {
+  display: block;
+  margin: 0 auto;
+}
+</style>