fix(comparacao): corrigir alinhamento simétrico no modal de comparação

Ajusta layout para que valores absolutos fiquem próximos ao centro
e diferenças nas extremidades de cada lado.

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 {

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 }}>