Refactor styles in ReferenceList, SorteoMundial, and MarkDownComponents: update font sizes, colors, and padding; remove unnecessary borders for improved aesthetics and consistency

Author: EricLuceroGonzalez

app/components/MdCompos/ReferenceList.js

@@ -27,25 +27,25 @@ const RefNumbers = styled.ol`
       text-align: right;
     }
   }
+  font-size: small;
 `;
 
 const RefTex = styled.a`
   :hover {
-    color: var(--fg);
+    color: var(--emphasis-bg);
   }
 
+  color: var(--link-fg);
+  font-size: smaller;
   svg {
-    color: var(--link-fg);
     font-size: 1.5em;
-    font-weight: bold;
+    font-weight: bolder;
   }
 `;
 const RefUrl = styled.a`
-  color: var(--link-fg);
-  font-size: 0.5rem;
-  font-size: medium;
+  color: var(--emphasis-bg);
   :hover {
-    color: var(--strong-fg);
+    color: var(--link-fg);
     cursor: pointer;
   }
 `;
@@ -67,6 +67,7 @@ export const ReferenceList = ({ references }) => {
             )}{" "}
             <RefTex href={`#cite-${id}`}>
               <IoReturnDownBack />
+              (volver)
             </RefTex>
           </li>
         ))}

app/components/MdCompos/SorteoMundial.js

@@ -97,14 +97,12 @@ const GruposContainer = styled.div`
   @media (min-width: 768px) {
     grid-template-columns: 1fr 1fr;
   }
-  border: 1px solid red;
 `;
 
 const ItinerarioSection = styled.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
-  border-color: 2px solid red;
 `;
 
 const ItinerarioHeader = styled.h2`

app/ui/MarkDownComponents.js

@@ -61,8 +61,8 @@ export const MdOrderedList = styled.ol`
 export const MdBlockQuote = styled.blockquote`
   background-color: var(--quote-bg);
   color: var(--quote-fg);
-  padding: 2px 8px;
-  margin: 3px auto;
+  padding: 6px 12px;
+  margin: 12px auto;
   border-radius: 12px;
   min-width: 85%;
 `;
@@ -93,7 +93,7 @@ export const MdSubHeadA = styled.h2`
   }
 `;
 export const MdSubHeadB = styled.h3`
-  color: var(--emphasis-bg);
+  color: var(--quote-fg);
   margin-top: 2rem;
   font-size: larger;
   a {