Init Commit

Frontend/public/logo-ma.svg

@@ -0,0 +1,64 @@
+<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <!-- Sombra paralela para levantar el logo del fondo -->
+    <filter id="dropShadow" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur in="SourceAlpha" stdDeviation="10"/>
+      <feOffset dx="0" dy="12" result="offsetblur"/>
+      <feComponentTransfer>
+        <feFuncA type="linear" slope="0.8"/>
+      </feComponentTransfer>
+      <feMerge> 
+        <feMergeNode/>
+        <feMergeNode in="SourceGraphic"/> 
+      </feMerge>
+    </filter>
+
+    <!-- Degradado Cromo Principal (Cara Frontal) -->
+    <linearGradient id="chromeFace" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#f0f0f0;stop-opacity:1" />
+      <stop offset="45%" style="stop-color:#8c8c8c;stop-opacity:1" />
+      <stop offset="50%" style="stop-color:#2b2b2b;stop-opacity:1" />
+      <stop offset="52%" style="stop-color:#000000;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#595959;stop-opacity:1" />
+    </linearGradient>
+
+    <!-- Degradado Bisel (Bordes 3D iluminados) -->
+    <linearGradient id="bevelLight" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" />
+      <stop offset="50%" style="stop-color:#bfbfbf;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#404040;stop-opacity:1" />
+    </linearGradient>
+
+    <!-- Degradado Lateral (Profundidad oscura) -->
+    <linearGradient id="sideDark" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#1a1a1a;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#000000;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+
+  <!-- Grupo Principal sin margen extra para aprovechar todo el espacio -->
+  <g> 
+    
+    <!-- 1. CAPA DE PROFUNDIDAD (Extrusión) -->
+    <!-- Ajustada para seguir la nueva forma centrada -->
+    <path d="M20,480 L20,30 L135,30 L256,300 L377,30 L492,30 L492,480 L377,480 L377,250 L256,450 L135,250 L135,480 Z" 
+          fill="url(#sideDark)" transform="translate(10, 10)" opacity="0.8"/>
+
+    <!-- 2. CAPA BORDE / BISEL (Marco Brillante - Base) -->
+    <!-- Coordenadas expandidas: X va de 20 a 492 (ancho total 472px) -->
+    <g filter="url(#dropShadow)">
+      <path d="M20,480 L20,30 L135,30 L256,300 L377,30 L492,30 L492,480 L377,480 L377,250 L256,450 L135,250 L135,480 Z" 
+            fill="url(#bevelLight)" stroke="#111" stroke-width="1"/>
+      
+      <!-- 3. CAPA FRONTAL (Cara visible) -->
+      <!-- Inset calculado proporcionalmente para mantener el bisel visible -->
+      <path d="M40,465 L40,50 L120,50 L256,340 L392,50 L472,50 L472,465 L392,465 L392,270 L256,480 L120,270 L120,465 Z" 
+            fill="url(#chromeFace)" stroke="#333" stroke-width="1" opacity="0.95"/>
+            
+      <!-- 4. DETALLE DE BRILLO EXTRA (Destello superior) -->
+      <!-- Reposicionado a los nuevos hombros de la M -->
+      <path d="M40,50 L120,50 L160,150 L80,150 Z" fill="white" opacity="0.2"/>
+      <path d="M472,50 L392,50 L352,150 L432,150 Z" fill="white" opacity="0.2"/>
+    </g>
+  </g>
+</svg>