Branding: logo con la bandera de Paraguay y OCA

Reemplaza el mark violeta por un badge con la tricolor paraguaya (rojo, blanco,
azul) y las letras OCA en azul sobre la franja blanca. Regenera los PNG
(512, 180, 32) desde el SVG.

img/favicon.svg

@@ -1,11 +1,13 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" role="img" aria-label="OCA Paraguay">
   <defs>
-    <linearGradient id="ocaPyF" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0" stop-color="#6C4CE0"/>
-      <stop offset="1" stop-color="#714B67"/>
-    </linearGradient>
+    <clipPath id="ocaPyFav"><rect width="96" height="96" rx="20"/></clipPath>
   </defs>
-  <rect width="96" height="96" rx="22" fill="url(#ocaPyF)"/>
-  <path d="M62 25 A26.5 26.5 0 1 0 62 71" fill="none" stroke="#ffffff" stroke-width="12" stroke-linecap="round"/>
-  <circle cx="72" cy="48" r="8.5" fill="#16C79A"/>
+  <g clip-path="url(#ocaPyFav)">
+    <rect x="0" y="0" width="96" height="32" fill="#D52B1E"/>
+    <rect x="0" y="32" width="96" height="32" fill="#FFFFFF"/>
+    <rect x="0" y="64" width="96" height="32" fill="#0038A8"/>
+  </g>
+  <text x="48" y="48.5" text-anchor="middle" dominant-baseline="central"
+        font-family="Sora, Inter, Arial, Helvetica, sans-serif"
+        font-weight="800" font-size="24" letter-spacing="0.5" fill="#0038A8">OCA</text>
 </svg>

img/logo.svg

@@ -1,11 +1,14 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" role="img" aria-label="OCA Paraguay">
   <defs>
-    <linearGradient id="ocaPyG" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0" stop-color="#6C4CE0"/>
-      <stop offset="1" stop-color="#714B67"/>
-    </linearGradient>
+    <clipPath id="ocaPyFlag"><rect width="96" height="96" rx="22"/></clipPath>
   </defs>
-  <rect width="96" height="96" rx="24" fill="url(#ocaPyG)"/>
-  <path d="M61.5 25.5 A26 26 0 1 0 61.5 70.5" fill="none" stroke="#ffffff" stroke-width="9" stroke-linecap="round"/>
-  <circle cx="71" cy="48" r="7.5" fill="#16C79A"/>
+  <g clip-path="url(#ocaPyFlag)">
+    <rect x="0" y="0" width="96" height="32" fill="#D52B1E"/>
+    <rect x="0" y="32" width="96" height="32" fill="#FFFFFF"/>
+    <rect x="0" y="64" width="96" height="32" fill="#0038A8"/>
+  </g>
+  <rect x="0.75" y="0.75" width="94.5" height="94.5" rx="21.5" fill="none" stroke="#000000" stroke-opacity="0.10" stroke-width="1.5"/>
+  <text x="48" y="48.5" text-anchor="middle" dominant-baseline="central"
+        font-family="Sora, Inter, 'Helvetica Neue', Arial, sans-serif"
+        font-weight="800" font-size="19" letter-spacing="0.8" fill="#0038A8">OCA</text>
 </svg>