From d1d433a8ba7234b5fc612ba8cc6693d88a9c89dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mar=C3=ADa?= <mherrezuelo94@hotmail.com>
Date: Wed, 12 Nov 2025 14:36:01 +0100
Subject: [PATCH] separar arrows en carrousel

---
 components/CategoryRow.vue | 10 ++++++++++
 components/ItemsRow.vue    |  9 +++++++++
 2 files changed, 19 insertions(+)

diff --git a/components/CategoryRow.vue b/components/CategoryRow.vue
index 2542713..76e7d59 100644
--- a/components/CategoryRow.vue
+++ b/components/CategoryRow.vue
@@ -164,5 +164,15 @@ export default {
 
 }
 
+// Separar las flechas de las cards
+.carousel :deep(.carousel__prev) {
+  left: -2.5rem;
+}
+
+.carousel :deep(.carousel__next) {
+  right: -2.5rem;
+}
+
+
 
 </style>
diff --git a/components/ItemsRow.vue b/components/ItemsRow.vue
index c37ea0a..84f6cde 100644
--- a/components/ItemsRow.vue
+++ b/components/ItemsRow.vue
@@ -293,4 +293,13 @@ export default {
   }
 }
 
+// Separar las flechas de las cards
+.carousel :deep(.carousel__prev) {
+  left: -2.5rem;
+}
+
+.carousel :deep(.carousel__next) {
+  right: -2.5rem;
+}
+
 </style>