From fc17e57624754170479070658faa72217da0d058 Mon Sep 17 00:00:00 2001
From: Lizandro <lizandrogd@gmail.com>
Date: Fri, 31 Jul 2026 03:27:32 +0000
Subject: [PATCH] fix: gradiente de tarjetas de plan con style inline (no
 funciona con Tailwind compilado)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Las clases dinámicas via-[{{ color }}] y to-[{{ color }}] no pueden
compilarse porque Tailwind no conoce los valores en build time.
Reemplazadas por style inline con linear-gradient().

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 resources/views/livewire/show-servicios.blade.php | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/resources/views/livewire/show-servicios.blade.php b/resources/views/livewire/show-servicios.blade.php
index 78ce5a7..256bcab 100755
--- a/resources/views/livewire/show-servicios.blade.php
+++ b/resources/views/livewire/show-servicios.blade.php
@@ -106,8 +106,8 @@
                                 @if ($con = $tarifa['usuario_tarifas'])
                                     @if ($con[0]['visible'] == 'true')
                                         <button wire:click="cargartarjetaPlan({{ $tarifa['id'] }})"
-                                            class="shadow-lg text-white py-4 px-3 rounded-lg bg-gradient-to-br from-black
-                                    (via-[{{ $servicio['color_fondo'] }}],90%) to-[{{ $servicio['color_fondo'] }}]">
+                                            class="shadow-lg text-white py-4 px-3 rounded-lg"
+                                            style="background: linear-gradient(to bottom right, #000, {{ $servicio['color_fondo'] }})">
 
                                             <p class="font-bold  mb-2">
                                                 @if ($servicio['por_tiempo'] == 1)
@@ -143,7 +143,8 @@
                                     @endif
                                 @else
                                     <button wire:click="cargartarjetaPlan({{ $tarifa['id'] }})"
-                                        class="shadow-lg text-white py-4 px-3 rounded-lg bg-gradient-to-br from-black (via-[{{ $servicio['color_fondo'] }}],90%) to-[{{ $servicio['color_fondo'] }}]">
+                                        class="shadow-lg text-white py-4 px-3 rounded-lg"
+                                        style="background: linear-gradient(to bottom right, #000, {{ $servicio['color_fondo'] }})">
 
                                         <p class="font-bold  mb-2">
                                             @if ($servicio['por_tiempo'] == 1)