From 9472e847494bfdba22ecf2eedadd021622e8b849 Mon Sep 17 00:00:00 2001
From: admtracksteel <admtracksteel@gmail.com>
Date: Fri, 5 Jun 2026 18:35:46 +0000
Subject: [PATCH] =?UTF-8?q?UI/UX:=20corrige=20os=20bot=C3=B5es=20de=20sele?=
 =?UTF-8?q?=C3=A7=C3=A3o=20de=20estrofes=20que=20estavam=20quebrando=20o?=
 =?UTF-8?q?=20estilo=20do=20modal=20para=20adotarem=20o=20design=20unifica?=
 =?UTF-8?q?do=20de=20cores?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/public/index.html b/public/index.html
index db04be1..5223ef9 100644
--- a/public/index.html
+++ b/public/index.html
@@ -777,10 +777,10 @@
         <div class="settings-group">
           <label style="color: var(--text-secondary); font-size: 0.82rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">3. Quantidade de Estrofes</label>
           <div class="music-option-grid" style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 4px;">
-            <button type="button" class="btn-musica-estrofes mode-card" data-estrofes="2" style="padding: 10px; text-align: center;">2</button>
-            <button type="button" class="btn-musica-estrofes mode-card active" data-estrofes="3" style="padding: 10px; text-align: center;">3</button>
-            <button type="button" class="btn-musica-estrofes mode-card" data-estrofes="4" style="padding: 10px; text-align: center;">4</button>
-            <button type="button" class="btn-musica-estrofes mode-card" data-estrofes="5" style="padding: 10px; text-align: center;">5</button>
+            <button type="button" class="btn-music-option btn-musica-estrofes" data-estrofes="2">2 Estrofes</button>
+            <button type="button" class="btn-music-option btn-musica-estrofes active" data-estrofes="3">3 Estrofes</button>
+            <button type="button" class="btn-music-option btn-musica-estrofes" data-estrofes="4">4 Estrofes</button>
+            <button type="button" class="btn-music-option btn-musica-estrofes" data-estrofes="5">5 Estrofes</button>
           </div>
         </div>
 
@@ -1012,10 +1012,10 @@
         <div class="settings-group">
           <label style="color: var(--text-secondary); font-size: 0.82rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">2. Quantidade de Estrofes</label>
           <div class="music-option-grid" style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 4px;">
-            <button type="button" class="btn-poesia-estrofes" data-estrofes="2">2 Estrofes</button>
-            <button type="button" class="btn-poesia-estrofes active" data-estrofes="3">3 Estrofes</button>
-            <button type="button" class="btn-poesia-estrofes" data-estrofes="4">4 Estrofes</button>
-            <button type="button" class="btn-poesia-estrofes" data-estrofes="5">5 Estrofes</button>
+            <button type="button" class="btn-music-option btn-poesia-estrofes" data-estrofes="2">2 Estrofes</button>
+            <button type="button" class="btn-music-option btn-poesia-estrofes active" data-estrofes="3">3 Estrofes</button>
+            <button type="button" class="btn-music-option btn-poesia-estrofes" data-estrofes="4">4 Estrofes</button>
+            <button type="button" class="btn-music-option btn-poesia-estrofes" data-estrofes="5">5 Estrofes</button>
           </div>
         </div>