From 0f61b5594477f167b4f746f0a1d92193dee726f3 Mon Sep 17 00:00:00 2001
From: Frederico Castro <frederico.castro@capes.gov.br>
Date: Mon, 15 Dec 2025 13:24:04 -0300
Subject: [PATCH] =?UTF-8?q?fix(comparacao):=20corrigir=20alinhamento=20sim?=
 =?UTF-8?q?=C3=A9trico=20no=20modal=20de=20compara=C3=A7=C3=A3o?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ajusta layout para que valores absolutos fiquem próximos ao centro
e diferenças nas extremidades de cada lado.
---
 frontend/src/components/CompararModal.css | 2 +-
 frontend/src/components/CompararModal.jsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/CompararModal.css b/frontend/src/components/CompararModal.css
index e7144fd..8913ab9 100644
--- a/frontend/src/components/CompararModal.css
+++ b/frontend/src/components/CompararModal.css
@@ -235,6 +235,7 @@
   padding: 0.4rem 0.8rem;
   border-radius: 8px;
   background: rgba(255, 255, 255, 0.04);
+  width: 100%;
 }
 
 .linha-comparacao .valor:first-child {
@@ -243,7 +244,6 @@
 
 .linha-comparacao .valor:last-child {
   justify-content: flex-start;
-  flex-direction: row-reverse;
 }
 
 .valor-numero {
diff --git a/frontend/src/components/CompararModal.jsx b/frontend/src/components/CompararModal.jsx
index c26bb3d..f2f5285 100644
--- a/frontend/src/components/CompararModal.jsx
+++ b/frontend/src/components/CompararModal.jsx
@@ -90,8 +90,8 @@ const CompararModal = ({ consultor1, consultor2, onClose }) => {
     return (
       <div className="linha-comparacao">
         <div className={`valor ${diff1.classe}`} style={{ '--cor-componente': cor }}>
-          <span className="valor-numero">{val1}</span>
           <span className="valor-diff">{diff1.texto}</span>
+          <span className="valor-numero">{val1}</span>
         </div>
         <div className="label-centro">{label}</div>
         <div className={`valor ${diff2.classe}`} style={{ '--cor-componente': cor }}>