<svg xmlns="http://www.w3.org/2000/svg" width="700" height="220" viewBox="0 0 700 220" fill="none">
  <defs>
    <linearGradient id="g" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#22c55e"/>
      <stop offset="0.45" stop-color="#3b82f6"/>
      <stop offset="1" stop-color="#a855f7"/>
    </linearGradient>
    <filter id="s" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="10" stdDeviation="12" flood-color="#000" flood-opacity="0.35"/>
    </filter>
  </defs>
  <rect x="18" y="22" width="664" height="176" rx="28" fill="rgba(255,255,255,0.96)" filter="url(#s)"/>
  <rect x="18" y="22" width="664" height="176" rx="28" stroke="rgba(0,0,0,0.08)" stroke-width="2"/>
  <g transform="translate(52 56)">
    <circle cx="54" cy="54" r="48" fill="url(#g)" opacity="0.95"/>
    <path d="M34 58c10-22 30-34 53-34 19 0 34 8 45 22" stroke="rgba(255,255,255,0.9)" stroke-width="10" stroke-linecap="round"/>
    <path d="M34 58c8 20 25 32 49 32 19 0 35-8 49-23" stroke="rgba(255,255,255,0.9)" stroke-width="10" stroke-linecap="round"/>
  </g>
  <g font-family="ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial" fill="#0b1220">
    <text x="170" y="108" font-size="44" font-weight="700" letter-spacing="-0.5">Asesor Seguros</text>
    <text x="170" y="150" font-size="18" font-weight="500" fill="rgba(11,18,32,0.7)">Placeholder de marca (reemplazar en /public/brand)</text>
  </g>
</svg>

